lesderid
/
paper-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some more adjustments

This commit is contained in:
Sam Hewitt 2016-04-14 23:29:04 -04:00
parent e2c10d03d2
commit 99e452cf4b
9 changed files with 512 additions and 1121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Paper/gtk-3.0/_colors.scss
View File

@ -33,6 +33,7 @@ $scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color,
$warning_color: #fec006; $warning_color: #fec006;
$error_color: #f34235; $error_color: #f34235;
$info_color: #2095f2; $info_color: #2095f2;
$question_color: #4ab3e4;
$success_color: if($variant == 'light', #dbdee0, darken(#dbdee0,10%)); $success_color: if($variant == 'light', #dbdee0, darken(#dbdee0,10%));
$destructive_color: if($variant == 'light', #DC322F, darken(#DC322F,10%)); $destructive_color: if($variant == 'light', #DC322F, darken(#DC322F,10%));

702
Paper/gtk-3.0/gtk-dark.css
View File

@ -4171,449 +4171,113 @@ window.csd > .titlebar:not(headerbar) {
/************** /**************
* GtkInfoBar * * GtkInfoBar *
**************/ **************/
.info, .warning, .question, .error,
GtkInfoBar, GtkInfoBar,
infobar { infobar {
border-style: none; }
.warning, .error,
.info,
.question,
.warning,
.error {
background-color: #667f8c;
color: #ffffff;
text-shadow: none; text-shadow: none;
border-color: #51646e; } color: #A1A8AB;
.warning .button, .error .button, background-color: #4F585C;
.warning button, border-bottom: 1px solid #373e41;
.error button, box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.info .button,
.info, .warning, .question, .error {
text-shadow: none;
color: #ffffff;
border: none; }
.info .label, .warning .label, .question .label, .error .label {
color: #ffffff; }
.info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
color: rgba(255, 255, 255, 0.5); }
.info .button, .warning .button, .question .button, .error .button,
.info button, .info button,
.question .button,
.question button,
.warning .button,
.warning button, .warning button,
.error .button, .question button,
.error button { .error button {
color: #ffffff; border-radius: 2px;
outline-color: rgba(255, 255, 255, 0.3); border: none;
border-color: #303c42; background: rgba(99, 110, 115, 0.95);
background-image: linear-gradient(to bottom, #667f8c, #5b717d); color: #A1A8AB;
text-shadow: 0 1px rgba(0, 0, 0, 0.62039); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039); .info .button .label, .warning .button .label, .question .button .label, .error .button .label,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); .info button .label,
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .warning button .label,
.warning .button:hover, .error .button:hover, .question button .label,
.warning button:hover, .error button .label {
.error button:hover, color: #A1A8AB; }
.info .button:hover, .info .button:active, .warning .button:active, .question .button:active, .error .button:active,
.info button:hover,
.question .button:hover,
.question button:hover,
.warning .button:hover,
.warning button:hover,
.error .button:hover,
.error button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #303c42;
background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480);
text-shadow: 0 1px rgba(0, 0, 0, 0.57239);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.warning .button:active, .error .button:active, .warning .button:checked, .error .button:checked,
.warning button:active,
.error button:active,
.warning button:checked,
.error button:checked,
.info .button:active,
.info .button:checked,
.info button:active, .info button:active,
.info button:checked,
.question .button:active,
.question .button:checked,
.question button:active,
.question button:checked,
.warning .button:active,
.warning .button:checked,
.warning button:active, .warning button:active,
.warning button:checked, .question button:active,
.error .button:active, .error button:active {
.error .button:checked, background: #636E73;
.error button:active, color: #A1A8AB;
.error button:checked { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
color: #ffffff; .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop,
outline-color: rgba(255, 255, 255, 0.3); .info button:active:backdrop,
border-color: #303c42; .warning button:active:backdrop,
background-image: linear-gradient(to bottom, #576c77, #627986); .question button:active:backdrop,
text-shadow: 0 1px rgba(0, 0, 0, 0.70039); .error button:active:backdrop {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039); background: rgba(99, 110, 115, 0.8);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); color: rgba(161, 168, 171, 0.5);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: none; }
.warning .button:disabled, .error .button:disabled, .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus,
.warning button:disabled, .info button:hover,
.error button:disabled, .warning button:hover,
.info .button:disabled, .question button:hover,
.info button:disabled, .error button:hover,
.question .button:disabled, .info button:focus,
.question button:disabled, .warning button:focus,
.warning .button:disabled, .question button:focus,
.warning button:disabled, .error button:focus {
.error .button:disabled, box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.error button:disabled { .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive,
border-color: #303c42; .info button:insensitive,
background-image: none; .warning button:insensitive,
background-color: #667c88; .question button:insensitive,
text-shadow: none; .error button:insensitive {
box-shadow: none; background: rgba(99, 110, 115, 0.6);
-gtk-icon-shadow: none; } color: rgba(161, 168, 171, 0.5);
.warning .button:disabled GtkLabel, .error .button:disabled GtkLabel, .warning .button:disabled, .error .button:disabled, box-shadow: none; }
.warning button:disabled GtkLabel, .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop,
.error button:disabled GtkLabel, .info button:insensitive:backdrop,
.warning button:disabled, .warning button:insensitive:backdrop,
.error button:disabled, .question button:insensitive:backdrop,
.info .button:disabled GtkLabel, .error button:insensitive:backdrop {
.info .button:disabled, background: rgba(99, 110, 115, 0.5);
.info button:disabled GtkLabel, color: rgba(161, 168, 171, 0.5);
.info button:disabled, box-shadow: none; }
.question .button:disabled GtkLabel, .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop,
.question .button:disabled,
.question button:disabled GtkLabel,
.question button:disabled,
.warning .button:disabled GtkLabel,
.warning .button:disabled,
.warning button:disabled GtkLabel,
.warning button:disabled,
.error .button:disabled GtkLabel,
.error .button:disabled,
.error button:disabled GtkLabel,
.error button:disabled {
color: #b3bec4; }
.warning .button:disabled label, .error .button:disabled label, .warning .button:disabled, .error .button:disabled,
.warning button:disabled label,
.error button:disabled label,
.warning button:disabled,
.error button:disabled,
.info .button:disabled label,
.info .button:disabled,
.info button:disabled label,
.info button:disabled,
.question .button:disabled label,
.question .button:disabled,
.question button:disabled label,
.question button:disabled,
.warning .button:disabled label,
.warning .button:disabled,
.warning button:disabled label,
.warning button:disabled,
.error .button:disabled label,
.error .button:disabled,
.error button:disabled label,
.error button:disabled {
color: #b3bec4; }
.warning .button:backdrop, .error .button:backdrop,
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop,
.info button:backdrop, .info button:backdrop,
.question .button:backdrop,
.question button:backdrop,
.warning .button:backdrop,
.warning button:backdrop, .warning button:backdrop,
.error .button:backdrop, .question button:backdrop,
.error button:backdrop { .error button:backdrop {
border-color: #303c42; background: rgba(99, 110, 115, 0.8);
background-image: linear-gradient(to bottom, #667f8c); color: rgba(161, 168, 171, 0.5);
text-shadow: none; box-shadow: none; }
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); .info {
border-color: #303c42; } background-color: #2095f2; }
.warning .button:backdrop GtkLabel, .error .button:backdrop GtkLabel, .warning .button:backdrop, .error .button:backdrop, .info:backdrop {
.warning button:backdrop GtkLabel, background-color: #50acf5;
.error button:backdrop GtkLabel, color: rgba(255, 255, 255, 0.5); }
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop GtkLabel,
.info .button:backdrop,
.info button:backdrop GtkLabel,
.info button:backdrop,
.question .button:backdrop GtkLabel,
.question .button:backdrop,
.question button:backdrop GtkLabel,
.question button:backdrop,
.warning .button:backdrop GtkLabel,
.warning .button:backdrop,
.warning button:backdrop GtkLabel,
.warning button:backdrop,
.error .button:backdrop GtkLabel,
.error .button:backdrop,
.error button:backdrop GtkLabel,
.error button:backdrop {
color: #e0e5e8; }
.warning .button:backdrop label, .error .button:backdrop label, .warning .button:backdrop, .error .button:backdrop,
.warning button:backdrop label,
.error button:backdrop label,
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop label,
.info .button:backdrop,
.info button:backdrop label,
.info button:backdrop,
.question .button:backdrop label,
.question .button:backdrop,
.question button:backdrop label,
.question button:backdrop,
.warning .button:backdrop label,
.warning .button:backdrop,
.warning button:backdrop label,
.warning button:backdrop,
.error .button:backdrop label,
.error .button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #e0e5e8; }
.warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled,
.info button:backdrop:disabled,
.question .button:backdrop:disabled,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #303c42;
background-image: none;
background-color: #667c88;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #303c42; }
.warning .button:backdrop:disabled GtkLabel, .error .button:backdrop:disabled GtkLabel, .warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled GtkLabel,
.info .button:backdrop:disabled,
.info button:backdrop:disabled GtkLabel,
.info button:backdrop:disabled,
.question .button:backdrop:disabled GtkLabel,
.question .button:backdrop:disabled,
.question button:backdrop:disabled GtkLabel,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled GtkLabel,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled GtkLabel,
.error .button:backdrop:disabled,
.error button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled {
color: #9caab2; }
.warning .button:backdrop:disabled label, .error .button:backdrop:disabled label, .warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.error button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled label,
.info .button:backdrop:disabled,
.info button:backdrop:disabled label,
.info button:backdrop:disabled,
.question .button:backdrop:disabled label,
.question .button:backdrop:disabled,
.question button:backdrop:disabled label,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled label,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled label,
.error .button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #9caab2; }
.warning label:selected:focus, .error label:selected:focus, .warning label:selected:hover, .error label:selected:hover, .warning label:selected, .error label:selected,
.info label:selected:focus,
.info label:selected:hover,
.info label:selected,
.question label:selected:focus,
.question label:selected:hover,
.question label:selected,
.warning label:selected:focus,
.warning label:selected:hover,
.warning label:selected,
.error label:selected:focus,
.error label:selected:hover,
.error label:selected {
background-color: #51646e; }
.warning { .warning {
background-color: #fec006; background-color: #fec006; }
border-color: #d09c01; } .warning:backdrop {
.warning .button, background-color: #fecd39;
.warning button { color: rgba(255, 255, 255, 0.5); }
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); .question {
border-color: #846301; background-color: #4ab3e4; }
background-image: linear-gradient(to bottom, #fec006, #eaaf01); .question:backdrop {
text-shadow: 0 1px rgba(0, 0, 0, 0.59216); background-color: #76c6eb;
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59216); color: rgba(255, 255, 255, 0.5); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.warning .button:hover,
.warning button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #846301;
background-image: linear-gradient(to bottom, #fec10b, #f9bb01 60%, #efb301);
text-shadow: 0 1px rgba(0, 0, 0, 0.54416);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54416);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.warning .button:active, .warning .button:checked,
.warning button:active,
.warning button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #846301;
background-image: linear-gradient(to bottom, #dfa801, #f9bb01);
text-shadow: 0 1px rgba(0, 0, 0, 0.67216);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.67216);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.warning .button:disabled,
.warning button:disabled {
border-color: #846301;
background-image: none;
background-color: #e7b416;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.warning .button:disabled GtkLabel, .warning .button:disabled,
.warning button:disabled GtkLabel,
.warning button:disabled {
color: #f3da8b; }
.warning .button:disabled label, .warning .button:disabled,
.warning button:disabled label,
.warning button:disabled {
color: #f3da8b; }
.warning .button:backdrop,
.warning button:backdrop {
border-color: #846301;
background-image: linear-gradient(to bottom, #fec006);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #846301; }
.warning .button:backdrop GtkLabel, .warning .button:backdrop,
.warning button:backdrop GtkLabel,
.warning button:backdrop {
color: #fff2cd; }
.warning .button:backdrop label, .warning .button:backdrop,
.warning button:backdrop label,
.warning button:backdrop {
color: #fff2cd; }
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled {
border-color: #846301;
background-image: none;
background-color: #e7b416;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #846301; }
.warning .button:backdrop:disabled GtkLabel, .warning .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled {
color: #efce68; }
.warning .button:backdrop:disabled label, .warning .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled {
color: #efce68; }
.error { .error {
background-color: #f34235; background-color: #f34235; }
border-color: #e71d0e; } .error:backdrop {
.error .button, background-color: #f66f65;
.error button { color: rgba(255, 255, 255, 0.5); }
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f34235, #f22b1d);
text-shadow: 0 1px rgba(0, 0, 0, 0.53569);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.error .button:hover,
.error button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f3473a, #f2392b 60%, #f23022);
text-shadow: 0 1px rgba(0, 0, 0, 0.48769);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.error .button:active, .error .button:checked,
.error button:active,
.error button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f12213, #f2392b);
text-shadow: 0 1px rgba(0, 0, 0, 0.61569);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.error .button:disabled,
.error button:disabled {
border-color: #9f1409;
background-image: none;
background-color: #dd493e;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.error .button:disabled GtkLabel, .error .button:disabled,
.error button:disabled GtkLabel,
.error button:disabled {
color: #eea49f; }
.error .button:disabled label, .error .button:disabled,
.error button:disabled label,
.error button:disabled {
color: #eea49f; }
.error .button:backdrop,
.error button:backdrop {
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f34235);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #9f1409; }
.error .button:backdrop GtkLabel, .error .button:backdrop,
.error button:backdrop GtkLabel,
.error button:backdrop {
color: #fdd9d7; }
.error .button:backdrop label, .error .button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #fdd9d7; }
.error .button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #9f1409;
background-image: none;
background-color: #dd493e;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #9f1409; }
.error .button:backdrop:disabled GtkLabel, .error .button:backdrop:disabled,
.error button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled {
color: #e98982; }
.error .button:backdrop:disabled label, .error .button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #e98982; }
/************* /*************
* Level Bar * * Level Bar *
@ -4773,23 +4437,7 @@ button:visited,
button:backdrop:visited, button:backdrop:visited,
.button:backdrop:visited { .button:backdrop:visited {
color: #667f8c; } color: #667f8c; }
.warning *:link, .error *:link, .warning button:link, .error button:link, *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
.warning .button:link,
.error .button:link,
.warning button:visited,
.error button:visited,
.warning .button:visited,
.error .button:visited,
.info *:link,
.info button:link,
.info .button:link,
.info button:visited,
.info .button:visited,
.question *:link,
.question button:link,
.question .button:link,
.question button:visited,
.question .button:visited, *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
.header-bar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link,
headerbar.selection-mode .subtitle:link, button:selected:link, headerbar.selection-mode .subtitle:link, button:selected:link,
.button:selected:link, .button:selected:link,
@ -5121,14 +4769,25 @@ separator,
.separator { .separator {
color: #33393b; } color: #33393b; }
/**************
* Text Styles *
**************/
.h1 { .h1 {
font: 24; } font-size: 24px; }
.h2 { .h2 {
font: 18; } font-weight: 300;
font-size: 18px; }
.h3 { .h3 {
font: 12; } font-size: 11px; }
.h4,
.category-label {
padding: 6px;
color: mix #4F585C, #A1A8AB, 50%;
font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
/************* /*************
* Notebooks * * Notebooks *
@ -5413,63 +5072,67 @@ notebook,
/********* /*********
* Paned * * Paned *
*********/ *********/
.paned > separator, .paned,
paned > separator { paned {
min-width: 1px; border: solid #33393b;
min-height: 1px; border-left-width: 1px; }
-gtk-icon-source: none; .paned > separator,
border-style: none; paned > separator {
background-color: transparent; min-width: 1px;
background-image: image(#33393b); min-height: 1px;
background-size: 1px 1px; } -gtk-icon-source: none;
.paned > separator:selected, border-style: none;
paned > separator:selected { background-color: transparent;
background-image: image(#667f8c); } background-image: image(#33393b);
.paned > separator:backdrop, background-size: 1px 1px; }
paned > separator:backdrop { .paned > separator:selected,
background-image: image(#363c3e); } paned > separator:selected {
.paned > separator.wide, background-image: image(#667f8c); }
paned > separator.wide { .paned > separator:backdrop,
min-width: 5px; paned > separator:backdrop {
min-height: 5px; background-image: image(#363c3e); }
background-color: #4F585C; .paned > separator.wide,
background-image: image(#33393b), image(#33393b); paned > separator.wide {
background-size: 1px 1px, 1px 1px; } min-width: 5px;
.paned > separator.wide:backdrop, min-height: 5px;
paned > separator.wide:backdrop {
background-color: #4F585C; background-color: #4F585C;
background-image: image(#363c3e), image(#363c3e); } background-image: image(#33393b), image(#33393b);
.paned.horizontal > separator, background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator { .paned > separator.wide:backdrop,
background-repeat: repeat-y; } paned > separator.wide:backdrop {
.paned.horizontal > separator:dir(ltr), background-color: #4F585C;
paned.horizontal > separator:dir(ltr) { background-image: image(#363c3e), image(#363c3e); }
margin: 0 -8px 0 0; .paned.horizontal > separator,
padding: 0 8px 0 0; paned.horizontal > separator {
background-position: left; } background-repeat: repeat-y; }
.paned.horizontal > separator:dir(rtl), .paned.horizontal > separator:dir(ltr),
paned.horizontal > separator:dir(rtl) { paned.horizontal > separator:dir(ltr) {
margin: 0 0 0 -8px; margin: 0 -8px 0 0;
padding: 0 0 0 8px; padding: 0 8px 0 0;
background-position: right; } background-position: left; }
.paned.horizontal > separator.wide, .paned.horizontal > separator:dir(rtl),
paned.horizontal > separator.wide { paned.horizontal > separator:dir(rtl) {
margin: 0; margin: 0 0 0 -8px;
padding: 0; padding: 0 0 0 8px;
background-repeat: repeat-y, repeat-y; background-position: right; }
background-position: left, right; } .paned.horizontal > separator.wide,
.paned.vertical > separator, paned.horizontal > separator.wide {
paned.vertical > separator { margin: 0;
margin: 0 0 -8px 0; padding: 0;
padding: 0 0 8px 0; background-repeat: repeat-y, repeat-y;
background-repeat: repeat-x; background-position: left, right; }
background-position: top; } .paned.vertical > separator,
.paned.vertical > separator.wide, paned.vertical > separator {
paned.vertical > separator.wide { margin: 0 0 -8px 0;
margin: 0; padding: 0 0 8px 0;
padding: 0; background-repeat: repeat-x;
background-repeat: repeat-x, repeat-x; background-position: top; }
background-position: bottom, top; } .paned.vertical > separator.wide,
paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
/************ /************
* Pathbars * * Pathbars *
@ -7344,7 +7007,7 @@ OsScrollbar {
* Sidebar * * Sidebar *
***********/ ***********/
.sidebar { .sidebar {
border-style: none; border-style: solid;
background-color: #4F585C; } background-color: #4F585C; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
border-right: 1px solid #33393b; border-right: 1px solid #33393b;
@ -7378,6 +7041,8 @@ OsScrollbar {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
.sidebar .separator { .sidebar .separator {
color: #33393b; } color: #33393b; }
.sidebar > .inline-toolbar {
border-radius: 0; }
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; } border-style: none; }
@ -7766,7 +7431,7 @@ switch {
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; padding: 2px;
box-shadow: inset 0 1px transparent(black, 0.8); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-GtkSwitch-slider-width: 20; -GtkSwitch-slider-width: 20;
-GtkSwitch-slider-height: 20; } -GtkSwitch-slider-height: 20; }
GtkSwitch:active, GtkSwitch:checked, GtkSwitch:active, GtkSwitch:checked,
@ -7809,17 +7474,18 @@ switch {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #636E73; background-color: #636E73;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
GtkSwitch:hover .slider, GtkSwitch:hover slider, GtkSwitch:hover .slider,
GtkSwitch:hover slider,
switch:hover .slider, switch:hover .slider,
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2); } box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2); }
GtkSwitch:checked slider, GtkSwitch:checked slider,
switch:checked slider { switch:checked slider {
border: 1px solid #262f33; } border: 1px solid #262f33; }
GtkSwitch:backdrop .slider, GtkSwitch:backdrop > .slider,
GtkSwitch:backdrop slider, GtkSwitch:backdrop > slider,
switch:backdrop .slider, switch:backdrop > .slider,
switch:backdrop slider { switch:backdrop > slider {
box-shadow: none; } box-shadow: none; }
GtkSwitch:backdrop:checked slider, GtkSwitch:backdrop:checked slider,
switch:backdrop:checked slider { switch:backdrop:checked slider {
@ -7840,17 +7506,25 @@ switch {
switch:backdrop:disabled slider label, switch:backdrop:disabled slider label,
switch:backdrop:disabled slider { switch:backdrop:disabled slider {
color: #727f85; } color: #727f85; }
GtkSwitch trough,
GtkSwitch .trough, GtkSwitch .trough,
switch trough,
switch .trough { switch .trough {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: none; border: none;
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; } padding: 2px; }
GtkSwitch trough:active,
GtkSwitch .trough:active, GtkSwitch .trough:active,
switch trough:active,
switch .trough:active { switch .trough:active {
background-color: #667f8c; } background-color: #667f8c; }
GtkSwitch .trough:insensitive, GtkSwitch .trough:disabled, GtkSwitch trough:insensitive, GtkSwitch trough:disabled,
GtkSwitch .trough:insensitive,
GtkSwitch .trough:disabled,
switch trough:insensitive,
switch trough:disabled,
switch .trough:insensitive, switch .trough:insensitive,
switch .trough:disabled { switch .trough:disabled {
background-color: rgba(0, 0, 0, 0.2); } background-color: rgba(0, 0, 0, 0.2); }
@ -8004,7 +7678,7 @@ searchbar
.search-bar, .location-bar, .search-bar, .location-bar,
.inline-toolbar { .inline-toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
background-color: #434b4e; background-color: #4a5357;
color: #A1A8AB; color: #A1A8AB;
border: 1px solid #33393b; border: 1px solid #33393b;
border-top-width: 0; border-top-width: 0;
@ -8014,7 +7688,7 @@ searchbar
searchbar searchbar
.search-bar:backdrop, .location-bar:backdrop, .search-bar:backdrop, .location-bar:backdrop,
.inline-toolbar:backdrop { .inline-toolbar:backdrop {
background-color: #3f4649; } background-color: #434b4e; }
searchbar searchbar
.search-bar button, .location-bar button, .search-bar button, .location-bar button,
searchbar .search-bar .button, searchbar .search-bar .button,

702
Paper/gtk-3.0/gtk.css
View File

@ -4185,449 +4185,113 @@ window.csd > .titlebar:not(headerbar) {
/************** /**************
* GtkInfoBar * * GtkInfoBar *
**************/ **************/
.info, .warning, .question, .error,
GtkInfoBar, GtkInfoBar,
infobar { infobar {
border-style: none; }
.warning, .error,
.info,
.question,
.warning,
.error {
background-color: #9fb0b9;
color: #ffffff;
text-shadow: none; text-shadow: none;
border-color: #8298a3; } color: #666666;
.warning .button, .error .button, background-color: #f7f7f7;
.warning button, border-bottom: 1px solid #dedede;
.error button, box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.info .button,
.info, .warning, .question, .error {
text-shadow: none;
color: #ffffff;
border: none; }
.info .label, .warning .label, .question .label, .error .label {
color: #ffffff; }
.info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop {
color: rgba(255, 255, 255, 0.5); }
.info .button, .warning .button, .question .button, .error .button,
.info button, .info button,
.question .button,
.question button,
.warning .button,
.warning button, .warning button,
.error .button, .question button,
.error button { .error button {
color: #ffffff; border-radius: 2px;
outline-color: rgba(255, 255, 255, 0.3); border: none;
border-color: #5b717d; background: rgba(255, 255, 255, 0.95);
background-image: linear-gradient(to bottom, #9fb0b9, #90a4ae); color: #666666;
text-shadow: 0 1px rgba(0, 0, 0, 0.46039); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.46039); .info .button .label, .warning .button .label, .question .button .label, .error .button .label,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); .info button .label,
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } .warning button .label,
.warning .button:hover, .error .button:hover, .question button .label,
.warning button:hover, .error button .label {
.error button:hover, color: #666666; }
.info .button:hover, .info .button:active, .warning .button:active, .question .button:active, .error .button:active,
.info button:hover,
.question .button:hover,
.question button:hover,
.warning .button:hover,
.warning button:hover,
.error .button:hover,
.error button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5b717d;
background-image: linear-gradient(to bottom, #b1bfc6, #9fb0b9 60%, #93a6b0);
text-shadow: 0 1px rgba(0, 0, 0, 0.41239);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.41239);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.warning .button:active, .error .button:active, .warning .button:checked, .error .button:checked,
.warning button:active,
.error button:active,
.warning button:checked,
.error button:checked,
.info .button:active,
.info .button:checked,
.info button:active, .info button:active,
.info button:checked,
.question .button:active,
.question .button:checked,
.question button:active,
.question button:checked,
.warning .button:active,
.warning .button:checked,
.warning button:active, .warning button:active,
.warning button:checked, .question button:active,
.error .button:active, .error button:active {
.error .button:checked, background: #ffffff;
.error button:active, color: #666666;
.error button:checked { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
color: #ffffff; .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop,
outline-color: rgba(255, 255, 255, 0.3); .info button:active:backdrop,
border-color: #5b717d; .warning button:active:backdrop,
background-image: linear-gradient(to bottom, #8a9faa, #99abb5); .question button:active:backdrop,
text-shadow: 0 1px rgba(0, 0, 0, 0.54039); .error button:active:backdrop {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54039); background: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); color: rgba(102, 102, 102, 0.5);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: none; }
.warning .button:disabled, .error .button:disabled, .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus,
.warning button:disabled, .info button:hover,
.error button:disabled, .warning button:hover,
.info .button:disabled, .question button:hover,
.info button:disabled, .error button:hover,
.question .button:disabled, .info button:focus,
.question button:disabled, .warning button:focus,
.warning .button:disabled, .question button:focus,
.warning button:disabled, .error button:focus {
.error .button:disabled, box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.error button:disabled { .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive,
border-color: #5b717d; .info button:insensitive,
background-image: none; .warning button:insensitive,
background-color: #adbcc4; .question button:insensitive,
text-shadow: none; .error button:insensitive {
box-shadow: none; background: rgba(255, 255, 255, 0.6);
-gtk-icon-shadow: none; } color: rgba(102, 102, 102, 0.5);
.warning .button:disabled GtkLabel, .error .button:disabled GtkLabel, .warning .button:disabled, .error .button:disabled, box-shadow: none; }
.warning button:disabled GtkLabel, .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop,
.error button:disabled GtkLabel, .info button:insensitive:backdrop,
.warning button:disabled, .warning button:insensitive:backdrop,
.error button:disabled, .question button:insensitive:backdrop,
.info .button:disabled GtkLabel, .error button:insensitive:backdrop {
.info .button:disabled, background: rgba(255, 255, 255, 0.5);
.info button:disabled GtkLabel, color: rgba(102, 102, 102, 0.5);
.info button:disabled, box-shadow: none; }
.question .button:disabled GtkLabel, .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop,
.question .button:disabled,
.question button:disabled GtkLabel,
.question button:disabled,
.warning .button:disabled GtkLabel,
.warning .button:disabled,
.warning button:disabled GtkLabel,
.warning button:disabled,
.error .button:disabled GtkLabel,
.error .button:disabled,
.error button:disabled GtkLabel,
.error button:disabled {
color: #d6dee2; }
.warning .button:disabled label, .error .button:disabled label, .warning .button:disabled, .error .button:disabled,
.warning button:disabled label,
.error button:disabled label,
.warning button:disabled,
.error button:disabled,
.info .button:disabled label,
.info .button:disabled,
.info button:disabled label,
.info button:disabled,
.question .button:disabled label,
.question .button:disabled,
.question button:disabled label,
.question button:disabled,
.warning .button:disabled label,
.warning .button:disabled,
.warning button:disabled label,
.warning button:disabled,
.error .button:disabled label,
.error .button:disabled,
.error button:disabled label,
.error button:disabled {
color: #d6dee2; }
.warning .button:backdrop, .error .button:backdrop,
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop,
.info button:backdrop, .info button:backdrop,
.question .button:backdrop,
.question button:backdrop,
.warning .button:backdrop,
.warning button:backdrop, .warning button:backdrop,
.error .button:backdrop, .question button:backdrop,
.error button:backdrop { .error button:backdrop {
border-color: #9fb0b9; background: rgba(255, 255, 255, 0.8);
background-image: linear-gradient(to bottom, #9fb0b9); color: rgba(102, 102, 102, 0.5);
text-shadow: none; box-shadow: none; }
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); .info {
border-color: #5b717d; } background-color: #2095f2; }
.warning .button:backdrop GtkLabel, .error .button:backdrop GtkLabel, .warning .button:backdrop, .error .button:backdrop, .info:backdrop {
.warning button:backdrop GtkLabel, background-color: #50acf5;
.error button:backdrop GtkLabel, color: rgba(255, 255, 255, 0.5); }
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop GtkLabel,
.info .button:backdrop,
.info button:backdrop GtkLabel,
.info button:backdrop,
.question .button:backdrop GtkLabel,
.question .button:backdrop,
.question button:backdrop GtkLabel,
.question button:backdrop,
.warning .button:backdrop GtkLabel,
.warning .button:backdrop,
.warning button:backdrop GtkLabel,
.warning button:backdrop,
.error .button:backdrop GtkLabel,
.error .button:backdrop,
.error button:backdrop GtkLabel,
.error button:backdrop {
color: #eceff1; }
.warning .button:backdrop label, .error .button:backdrop label, .warning .button:backdrop, .error .button:backdrop,
.warning button:backdrop label,
.error button:backdrop label,
.warning button:backdrop,
.error button:backdrop,
.info .button:backdrop label,
.info .button:backdrop,
.info button:backdrop label,
.info button:backdrop,
.question .button:backdrop label,
.question .button:backdrop,
.question button:backdrop label,
.question button:backdrop,
.warning .button:backdrop label,
.warning .button:backdrop,
.warning button:backdrop label,
.warning button:backdrop,
.error .button:backdrop label,
.error .button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #eceff1; }
.warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled,
.info button:backdrop:disabled,
.question .button:backdrop:disabled,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #adbcc4;
background-image: none;
background-color: #adbcc4;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #5b717d; }
.warning .button:backdrop:disabled GtkLabel, .error .button:backdrop:disabled GtkLabel, .warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled GtkLabel,
.info .button:backdrop:disabled,
.info button:backdrop:disabled GtkLabel,
.info button:backdrop:disabled,
.question .button:backdrop:disabled GtkLabel,
.question .button:backdrop:disabled,
.question button:backdrop:disabled GtkLabel,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled GtkLabel,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled GtkLabel,
.error .button:backdrop:disabled,
.error button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled {
color: #cad3d9; }
.warning .button:backdrop:disabled label, .error .button:backdrop:disabled label, .warning .button:backdrop:disabled, .error .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.error button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error button:backdrop:disabled,
.info .button:backdrop:disabled label,
.info .button:backdrop:disabled,
.info button:backdrop:disabled label,
.info button:backdrop:disabled,
.question .button:backdrop:disabled label,
.question .button:backdrop:disabled,
.question button:backdrop:disabled label,
.question button:backdrop:disabled,
.warning .button:backdrop:disabled label,
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error .button:backdrop:disabled label,
.error .button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #cad3d9; }
.warning label:selected:focus, .error label:selected:focus, .warning label:selected:hover, .error label:selected:hover, .warning label:selected, .error label:selected,
.info label:selected:focus,
.info label:selected:hover,
.info label:selected,
.question label:selected:focus,
.question label:selected:hover,
.question label:selected,
.warning label:selected:focus,
.warning label:selected:hover,
.warning label:selected,
.error label:selected:focus,
.error label:selected:hover,
.error label:selected {
background-color: #8298a3; }
.warning { .warning {
background-color: #fec006; background-color: #fec006; }
border-color: #d09c01; } .warning:backdrop {
.warning .button, background-color: #fecd39;
.warning button { color: rgba(255, 255, 255, 0.5); }
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); .question {
border-color: #846301; background-color: #4ab3e4; }
background-image: linear-gradient(to bottom, #fec006, #eaaf01); .question:backdrop {
text-shadow: 0 1px rgba(0, 0, 0, 0.59216); background-color: #76c6eb;
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59216); color: rgba(255, 255, 255, 0.5); }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.warning .button:hover,
.warning button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #846301;
background-image: linear-gradient(to bottom, #fec824, #fec006 60%, #efb301);
text-shadow: 0 1px rgba(0, 0, 0, 0.54416);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54416);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.warning .button:active, .warning .button:checked,
.warning button:active,
.warning button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #846301;
background-image: linear-gradient(to bottom, #dfa801, #f9bb01);
text-shadow: 0 1px rgba(0, 0, 0, 0.67216);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.67216);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.warning .button:disabled,
.warning button:disabled {
border-color: #846301;
background-image: none;
background-color: #fec92b;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.warning .button:disabled GtkLabel, .warning .button:disabled,
.warning button:disabled GtkLabel,
.warning button:disabled {
color: #ffe495; }
.warning .button:disabled label, .warning .button:disabled,
.warning button:disabled label,
.warning button:disabled {
color: #ffe495; }
.warning .button:backdrop,
.warning button:backdrop {
border-color: #fec006;
background-image: linear-gradient(to bottom, #fec006);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #846301; }
.warning .button:backdrop GtkLabel, .warning .button:backdrop,
.warning button:backdrop GtkLabel,
.warning button:backdrop {
color: #fff2cd; }
.warning .button:backdrop label, .warning .button:backdrop,
.warning button:backdrop label,
.warning button:backdrop {
color: #fff2cd; }
.warning .button:backdrop:disabled,
.warning button:backdrop:disabled {
border-color: #fec92b;
background-image: none;
background-color: #fec92b;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #846301; }
.warning .button:backdrop:disabled GtkLabel, .warning .button:backdrop:disabled,
.warning button:backdrop:disabled GtkLabel,
.warning button:backdrop:disabled {
color: #fedc75; }
.warning .button:backdrop:disabled label, .warning .button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled {
color: #fedc75; }
.error { .error {
background-color: #f34235; background-color: #f34235; }
border-color: #e71d0e; } .error:backdrop {
.error .button, background-color: #f66f65;
.error button { color: rgba(255, 255, 255, 0.5); }
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f34235, #f22b1d);
text-shadow: 0 1px rgba(0, 0, 0, 0.53569);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.error .button:hover,
.error button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022);
text-shadow: 0 1px rgba(0, 0, 0, 0.48769);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.error .button:active, .error .button:checked,
.error button:active,
.error button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409;
background-image: linear-gradient(to bottom, #f12213, #f2392b);
text-shadow: 0 1px rgba(0, 0, 0, 0.61569);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.error .button:disabled,
.error button:disabled {
border-color: #9f1409;
background-image: none;
background-color: #f55e53;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.error .button:disabled GtkLabel, .error .button:disabled,
.error button:disabled GtkLabel,
.error button:disabled {
color: #faafa9; }
.error .button:disabled label, .error .button:disabled,
.error button:disabled label,
.error button:disabled {
color: #faafa9; }
.error .button:backdrop,
.error button:backdrop {
border-color: #f34235;
background-image: linear-gradient(to bottom, #f34235);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #9f1409; }
.error .button:backdrop GtkLabel, .error .button:backdrop,
.error button:backdrop GtkLabel,
.error button:backdrop {
color: #fdd9d7; }
.error .button:backdrop label, .error .button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #fdd9d7; }
.error .button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #f55e53;
background-image: none;
background-color: #f55e53;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #9f1409; }
.error .button:backdrop:disabled GtkLabel, .error .button:backdrop:disabled,
.error button:backdrop:disabled GtkLabel,
.error button:backdrop:disabled {
color: #f9968f; }
.error .button:backdrop:disabled label, .error .button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #f9968f; }
/************* /*************
* Level Bar * * Level Bar *
@ -4787,23 +4451,7 @@ button:visited,
button:backdrop:visited, button:backdrop:visited,
.button:backdrop:visited { .button:backdrop:visited {
color: #9fb0b9; } color: #9fb0b9; }
.warning *:link, .error *:link, .warning button:link, .error button:link, *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
.warning .button:link,
.error .button:link,
.warning button:visited,
.error button:visited,
.warning .button:visited,
.error .button:visited,
.info *:link,
.info button:link,
.info .button:link,
.info button:visited,
.info .button:visited,
.question *:link,
.question button:link,
.question .button:link,
.question button:visited,
.question .button:visited, *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link,
.header-bar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link,
headerbar.selection-mode .subtitle:link, button:selected:link, headerbar.selection-mode .subtitle:link, button:selected:link,
.button:selected:link, .button:selected:link,
@ -5135,14 +4783,25 @@ separator,
.separator { .separator {
color: #c4c4c4; } color: #c4c4c4; }
/**************
* Text Styles *
**************/
.h1 { .h1 {
font: 24; } font-size: 24px; }
.h2 { .h2 {
font: 18; } font-weight: 300;
font-size: 18px; }
.h3 { .h3 {
font: 12; } font-size: 11px; }
.h4,
.category-label {
padding: 6px;
color: mix #f7f7f7, #666666, 50%;
font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
/************* /*************
* Notebooks * * Notebooks *
@ -5427,63 +5086,67 @@ notebook,
/********* /*********
* Paned * * Paned *
*********/ *********/
.paned > separator, .paned,
paned > separator { paned {
min-width: 1px; border: solid #c4c4c4;
min-height: 1px; border-left-width: 1px; }
-gtk-icon-source: none; .paned > separator,
border-style: none; paned > separator {
background-color: transparent; min-width: 1px;
background-image: image(#c4c4c4); min-height: 1px;
background-size: 1px 1px; } -gtk-icon-source: none;
.paned > separator:selected, border-style: none;
paned > separator:selected { background-color: transparent;
background-image: image(#9fb0b9); } background-image: image(#c4c4c4);
.paned > separator:backdrop, background-size: 1px 1px; }
paned > separator:backdrop { .paned > separator:selected,
background-image: image(#c9c9c9); } paned > separator:selected {
.paned > separator.wide, background-image: image(#9fb0b9); }
paned > separator.wide { .paned > separator:backdrop,
min-width: 5px; paned > separator:backdrop {
min-height: 5px; background-image: image(#c9c9c9); }
background-color: #f7f7f7; .paned > separator.wide,
background-image: image(#c4c4c4), image(#c4c4c4); paned > separator.wide {
background-size: 1px 1px, 1px 1px; } min-width: 5px;
.paned > separator.wide:backdrop, min-height: 5px;
paned > separator.wide:backdrop {
background-color: #f7f7f7; background-color: #f7f7f7;
background-image: image(#c9c9c9), image(#c9c9c9); } background-image: image(#c4c4c4), image(#c4c4c4);
.paned.horizontal > separator, background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator { .paned > separator.wide:backdrop,
background-repeat: repeat-y; } paned > separator.wide:backdrop {
.paned.horizontal > separator:dir(ltr), background-color: #f7f7f7;
paned.horizontal > separator:dir(ltr) { background-image: image(#c9c9c9), image(#c9c9c9); }
margin: 0 -8px 0 0; .paned.horizontal > separator,
padding: 0 8px 0 0; paned.horizontal > separator {
background-position: left; } background-repeat: repeat-y; }
.paned.horizontal > separator:dir(rtl), .paned.horizontal > separator:dir(ltr),
paned.horizontal > separator:dir(rtl) { paned.horizontal > separator:dir(ltr) {
margin: 0 0 0 -8px; margin: 0 -8px 0 0;
padding: 0 0 0 8px; padding: 0 8px 0 0;
background-position: right; } background-position: left; }
.paned.horizontal > separator.wide, .paned.horizontal > separator:dir(rtl),
paned.horizontal > separator.wide { paned.horizontal > separator:dir(rtl) {
margin: 0; margin: 0 0 0 -8px;
padding: 0; padding: 0 0 0 8px;
background-repeat: repeat-y, repeat-y; background-position: right; }
background-position: left, right; } .paned.horizontal > separator.wide,
.paned.vertical > separator, paned.horizontal > separator.wide {
paned.vertical > separator { margin: 0;
margin: 0 0 -8px 0; padding: 0;
padding: 0 0 8px 0; background-repeat: repeat-y, repeat-y;
background-repeat: repeat-x; background-position: left, right; }
background-position: top; } .paned.vertical > separator,
.paned.vertical > separator.wide, paned.vertical > separator {
paned.vertical > separator.wide { margin: 0 0 -8px 0;
margin: 0; padding: 0 0 8px 0;
padding: 0; background-repeat: repeat-x;
background-repeat: repeat-x, repeat-x; background-position: top; }
background-position: bottom, top; } .paned.vertical > separator.wide,
paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
/************ /************
* Pathbars * * Pathbars *
@ -7358,7 +7021,7 @@ OsScrollbar {
* Sidebar * * Sidebar *
***********/ ***********/
.sidebar { .sidebar {
border-style: none; border-style: solid;
background-color: #f7f7f7; } background-color: #f7f7f7; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
border-right: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
@ -7392,6 +7055,8 @@ OsScrollbar {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
.sidebar .separator { .sidebar .separator {
color: #c4c4c4; } color: #c4c4c4; }
.sidebar > .inline-toolbar {
border-radius: 0; }
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; } border-style: none; }
@ -7780,7 +7445,7 @@ switch {
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; padding: 2px;
box-shadow: inset 0 1px transparent(black, 0.8); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-GtkSwitch-slider-width: 20; -GtkSwitch-slider-width: 20;
-GtkSwitch-slider-height: 20; } -GtkSwitch-slider-height: 20; }
GtkSwitch:active, GtkSwitch:checked, GtkSwitch:active, GtkSwitch:checked,
@ -7824,17 +7489,18 @@ switch {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
GtkSwitch:hover .slider, GtkSwitch:hover slider, GtkSwitch:hover .slider,
GtkSwitch:hover slider,
switch:hover .slider, switch:hover .slider,
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2); } box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2); }
GtkSwitch:checked slider, GtkSwitch:checked slider,
switch:checked slider { switch:checked slider {
border: 1px solid #667f8c; } border: 1px solid #667f8c; }
GtkSwitch:backdrop .slider, GtkSwitch:backdrop > .slider,
GtkSwitch:backdrop slider, GtkSwitch:backdrop > slider,
switch:backdrop .slider, switch:backdrop > .slider,
switch:backdrop slider { switch:backdrop > slider {
box-shadow: none; } box-shadow: none; }
GtkSwitch:backdrop:checked slider, GtkSwitch:backdrop:checked slider,
switch:backdrop:checked slider { switch:backdrop:checked slider {
@ -7872,17 +7538,25 @@ switch {
switch.slider:checked, row:selected switch.slider:checked, row:selected
switch.slider { switch.slider {
border-color: #667f8c; } border-color: #667f8c; }
GtkSwitch trough,
GtkSwitch .trough, GtkSwitch .trough,
switch trough,
switch .trough { switch .trough {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: none; border: none;
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; } padding: 2px; }
GtkSwitch trough:active,
GtkSwitch .trough:active, GtkSwitch .trough:active,
switch trough:active,
switch .trough:active { switch .trough:active {
background-color: #9fb0b9; } background-color: #9fb0b9; }
GtkSwitch .trough:insensitive, GtkSwitch .trough:disabled, GtkSwitch trough:insensitive, GtkSwitch trough:disabled,
GtkSwitch .trough:insensitive,
GtkSwitch .trough:disabled,
switch trough:insensitive,
switch trough:disabled,
switch .trough:insensitive, switch .trough:insensitive,
switch .trough:disabled { switch .trough:disabled {
background-color: rgba(0, 0, 0, 0.2); } background-color: rgba(0, 0, 0, 0.2); }
@ -8036,7 +7710,7 @@ searchbar
.search-bar, .location-bar, .search-bar, .location-bar,
.inline-toolbar { .inline-toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
background-color: #eaeaea; background-color: #f2f2f2;
color: #666666; color: #666666;
border: 1px solid #c4c4c4; border: 1px solid #c4c4c4;
border-top-width: 0; border-top-width: 0;
@ -8046,7 +7720,7 @@ searchbar
searchbar searchbar
.search-bar:backdrop, .location-bar:backdrop, .search-bar:backdrop, .location-bar:backdrop,
.inline-toolbar:backdrop { .inline-toolbar:backdrop {
background-color: #e5e5e5; } background-color: #eaeaea; }
searchbar searchbar
.search-bar button, .location-bar button, .search-bar button, .location-bar button,
searchbar .search-bar .button, searchbar .search-bar .button,

166
Paper/gtk-3.0/widgets/_infobars.scss
View File

@ -1,108 +1,122 @@
/************** /**************
* GtkInfoBar * * GtkInfoBar *
**************/ **************/
%infobar,
GtkInfoBar, GtkInfoBar,
infobar { infobar {
border-style: none; text-shadow: none;
color: $fg_color;
background-color: $bg_color;
border-bottom:1px solid darken($bg_color,10%);
box-shadow: inset 0 1px transparentize(white, 0.8),
0 1px 0 0 transparentize(black, 0.95),
0 1px 2px 0 transparentize(black, 0.85);
} }
%info, %color_infobar {
.info,
.question, @extend %infobar;
.warning,
.error {
background-color: $selected_bg_color;
color: $selected_fg_color;
text-shadow: none; text-shadow: none;
border-color: darken($selected_bg_color, 10%); color: $selected_fg_color;
border:none;
.button, .label {
button { color: $selected_fg_color;
// FIXME: extend selection mode buttons
@include button(normal, $selected_bg_color, $selected_fg_color, none);
&:hover { @include button(hover, $selected_bg_color, $selected_fg_color, none); }
&:active,
&:checked { @include button(active, $selected_bg_color, $selected_fg_color, none); }
&:disabled { @include button(insensitive,$selected_bg_color,$selected_fg_color,none); }
&:backdrop { &:backdrop {
@include button(backdrop, $selected_bg_color, $selected_fg_color, none); color: $backdrop_selected_fg_color;
border-color: _border_color($selected_bg_color);
&:disabled {
@include button(backdrop-insensitive, $selected_bg_color,
$selected_fg_color, none);
border-color: _border_color($selected_bg_color);
}
} }
} }
label:selected { &:focus, &:hover, & { background-color: darken($selected_bg_color, 10%); }} .button,
button {
border-radius: 2px;
border: none;
background: transparentize($base_color, 0.05);
color: $fg_color;
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
*:link { @extend %link_selected; } .label {
color: $fg_color;
}
&:active {
background: $base_color;
color: $fg_color;
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
&:backdrop {
background: transparentize($base_color, 0.2);
color: transparentize($fg_color, 0.5);
box-shadow: none;
}
}
&:hover,
&:focus {
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
}
&:insensitive {
background: transparentize($base_color, 0.4);
color: transparentize($fg_color, 0.5);
box-shadow: none;
&:backdrop {
background: transparentize($base_color, 0.5);
color: transparentize($fg_color, 0.5);
box-shadow: none;
}
}
&:backdrop {
background: transparentize($base_color, 0.2);
color: transparentize($fg_color, 0.5);
box-shadow: none;
}
}
} }
.info {
@extend %color_infobar;
background-color: $info_color;
&:backdrop {
background-color:lighten($info_color,10%);
color: $backdrop_selected_fg_color;
}
}
.warning { .warning {
@extend %info; @extend %color_infobar;
background-color: $warning_color; background-color: $warning_color;
border-color: darken($warning_color, 10%);
.button, &:backdrop {
button { background-color:lighten($warning_color,10%);
// FIXME: extend selection mode buttons color: $backdrop_selected_fg_color;
@include button(normal, $warning_color, $selected_fg_color, none); }
}
&:hover { @include button(hover, $warning_color, $selected_fg_color, none); } .question {
@extend %color_infobar;
background-color: $question_color;
&:active, &:backdrop {
&:checked { @include button(active, $warning_color, $selected_fg_color, none); } background-color:lighten($question_color,10%);
color: $backdrop_selected_fg_color;
&:disabled { @include button(insensitive,$warning_color,$selected_fg_color,none); }
&:backdrop {
@include button(backdrop, $warning_color, $selected_fg_color, none);
border-color: _border_color($warning_color);
&:disabled {
@include button(backdrop-insensitive, $warning_color,
$selected_fg_color, none);
border-color: _border_color($warning_color);
}
}
} }
} }
.error { .error {
@extend %info; @extend %color_infobar;
background-color: $error_color; background-color: $error_color;
border-color: darken($error_color, 10%);
.button, &:backdrop {
button { background-color:lighten($error_color,10%);
// FIXME: extend selection mode buttons color: $backdrop_selected_fg_color;
@include button(normal, $error_color, $selected_fg_color, none);
&:hover { @include button(hover, $error_color, $selected_fg_color, none); }
&:active,
&:checked { @include button(active, $error_color, $selected_fg_color, none); }
&:disabled { @include button(insensitive,$error_color,$selected_fg_color,none); }
&:backdrop {
@include button(backdrop, $error_color, $selected_fg_color, none);
border-color: _border_color($error_color);
&:disabled {
@include button(backdrop-insensitive, $error_color,
$selected_fg_color, none);
border-color: _border_color($error_color);
}
}
} }
} }

28
Paper/gtk-3.0/widgets/_misc.scss
View File

@ -39,7 +39,27 @@ separator,
color: $borders_color; color: $borders_color;
} }
// text /**************
.h1 { font: 24; } * Text Styles *
.h2 { font: 18; } **************/
.h3 { font: 12; }
.h1 {
font-size: 24px;
}
.h2 {
font-weight: 300;
font-size: 18px;
}
.h3 {
font-size: 11px;
}
.h4,
.category-label {
padding: 6px;
color: mix ($bg_color, $text_color, 50%);
font-weight: bold;
text-shadow: 0 1px transparentize(white,0.8);
}

3
Paper/gtk-3.0/widgets/_paned.scss
View File

@ -32,6 +32,9 @@ paned {
} }
} }
border: solid $borders_color;
border-left-width: 1px;
&.horizontal > separator { &.horizontal > separator {
background-repeat: repeat-y; background-repeat: repeat-y;

7
Paper/gtk-3.0/widgets/_sidebar.scss
View File

@ -2,7 +2,7 @@
* Sidebar * * Sidebar *
***********/ ***********/
.sidebar { .sidebar {
border-style: none; border-style: solid;
background-color: $bg_color; background-color: $bg_color;
@at-root %sidebar_left, @at-root %sidebar_left,
@ -33,7 +33,6 @@
border-right-width:1px; border-right-width:1px;
} }
.list-row, .list-row,
row { row {
border:none; border:none;
@ -56,6 +55,10 @@
color: $borders_color; color: $borders_color;
} }
> .inline-toolbar {
border-radius: 0;
}
.paned &, paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} .paned &, paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }}
} }

20
Paper/gtk-3.0/widgets/_switches.scss
View File

@ -13,7 +13,7 @@ switch {
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; padding: 2px;
box-shadow: inset 0 1px transparent(black, 0.8); box-shadow: inset 0 0 0 1px transparentize(black, 0.9);
-GtkSwitch-slider-width: 20; -GtkSwitch-slider-width: 20;
-GtkSwitch-slider-height: 20; -GtkSwitch-slider-height: 20;
@ -63,17 +63,19 @@ switch {
0 1px 2px transparentize(black, 0.8); 0 1px 2px transparentize(black, 0.8);
} }
&:hover .slider, &:hover {
&:hover slider { .slider,
box-shadow: 0 2px 4px transparentize(black, 0.8), slider {
0 1px 3px transparentize(black, 0.8); box-shadow: 0 2px 4px transparentize(black, 0.8),
0 1px 3px transparentize(black, 0.8);
}
} }
&:checked slider { border: 1px solid $selected_borders_color; } &:checked slider { border: 1px solid $selected_borders_color; }
&:backdrop { &:backdrop {
.slider, > .slider,
slider { > slider {
box-shadow:none; box-shadow:none;
} }
@ -97,10 +99,10 @@ switch {
} }
// Trough // Trough
trough,
.trough { .trough {
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
border: none; border:none;
border-radius: 14px; border-radius: 14px;
color: transparent; color: transparent;
padding: 2px; padding: 2px;

4
Paper/gtk-3.0/widgets/_toolbars.scss
View File

@ -100,7 +100,7 @@ toolbar {
.inline-toolbar { .inline-toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
background-color: darken($bg_color, 5%); background-color: darken($bg_color, 2%);
color: $fg_color; color: $fg_color;
border: 1px solid $borders_color; border: 1px solid $borders_color;
@ -112,7 +112,7 @@ toolbar {
padding: 0px; padding: 0px;
&:backdrop { &:backdrop {
background-color: darken($bg_color, 7%); background-color: darken($bg_color, 5%);
} }
// buttons // buttons