From f9bd2f1d9b20f17c6607be7f7208fe0b6f53909f Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sun, 7 Jun 2015 01:25:41 +0200 Subject: more dark theme work --- common/gtk-3.0/3.16/_applications.scss | 16 +- common/gtk-3.0/3.16/_colors.scss | 9 +- common/gtk-3.0/3.16/_common.scss | 40 +- common/gtk-3.0/3.16/_drawing.scss | 10 +- common/gtk-3.0/3.16/assets.svg | 556 +++++++++++---------- .../gtk-3.0/3.16/assets/checkbox-checked-dark.png | Bin 427 -> 423 bytes .../3.16/assets/checkbox-checked-dark@2.png | Bin 644 -> 649 bytes .../assets/checkbox-checked-insensitive-dark.png | Bin 419 -> 424 bytes .../assets/checkbox-checked-insensitive-dark@2.png | Bin 651 -> 648 bytes common/gtk-3.0/3.16/assets/checkbox-mixed-dark.png | Bin 257 -> 252 bytes .../gtk-3.0/3.16/assets/checkbox-mixed-dark@2.png | Bin 366 -> 363 bytes .../assets/checkbox-mixed-insensitive-dark.png | Bin 264 -> 260 bytes .../assets/checkbox-mixed-insensitive-dark@2.png | Bin 379 -> 379 bytes .../3.16/assets/checkbox-selectionmode-dark.png | Bin 730 -> 727 bytes .../3.16/assets/checkbox-selectionmode-dark@2.png | Bin 1169 -> 1152 bytes .../3.16/assets/checkbox-unchecked-dark.png | Bin 315 -> 318 bytes .../3.16/assets/checkbox-unchecked-dark@2.png | Bin 489 -> 485 bytes .../assets/checkbox-unchecked-insensitive-dark.png | Bin 317 -> 304 bytes .../checkbox-unchecked-insensitive-dark@2.png | Bin 474 -> 463 bytes common/gtk-3.0/3.16/assets/radio-checked-dark.png | Bin 461 -> 464 bytes .../gtk-3.0/3.16/assets/radio-checked-dark@2.png | Bin 866 -> 860 bytes .../3.16/assets/radio-checked-insensitive-dark.png | Bin 491 -> 490 bytes .../assets/radio-checked-insensitive-dark@2.png | Bin 890 -> 884 bytes common/gtk-3.0/3.16/assets/radio-mixed-dark.png | Bin 416 -> 416 bytes common/gtk-3.0/3.16/assets/radio-mixed-dark@2.png | Bin 726 -> 720 bytes .../3.16/assets/radio-mixed-insensitive-dark.png | Bin 448 -> 447 bytes .../3.16/assets/radio-mixed-insensitive-dark@2.png | Bin 754 -> 752 bytes .../gtk-3.0/3.16/assets/radio-unchecked-dark.png | Bin 572 -> 565 bytes .../gtk-3.0/3.16/assets/radio-unchecked-dark@2.png | Bin 1054 -> 1056 bytes .../assets/radio-unchecked-insensitive-dark.png | Bin 558 -> 544 bytes .../assets/radio-unchecked-insensitive-dark@2.png | Bin 1071 -> 1078 bytes common/gtk-3.0/3.16/assets/switch-active-dark.png | Bin 1023 -> 1013 bytes .../gtk-3.0/3.16/assets/switch-active-dark@2.png | Bin 2054 -> 2020 bytes .../3.16/assets/switch-active-insensitive-dark.png | Bin 1014 -> 1013 bytes .../assets/switch-active-insensitive-dark@2.png | Bin 2062 -> 2036 bytes common/gtk-3.0/3.16/assets/switch-dark.png | Bin 935 -> 922 bytes common/gtk-3.0/3.16/assets/switch-dark@2.png | Bin 1846 -> 1857 bytes .../3.16/assets/switch-insensitive-dark.png | Bin 954 -> 942 bytes .../3.16/assets/switch-insensitive-dark@2.png | Bin 1954 -> 1943 bytes .../3.16/assets/titlebutton-close-active-dark.png | Bin 533 -> 539 bytes .../assets/titlebutton-close-active-dark@2.png | Bin 1023 -> 1039 bytes .../assets/titlebutton-close-backdrop-dark.png | Bin 478 -> 648 bytes .../assets/titlebutton-close-backdrop-dark@2.png | Bin 919 -> 1332 bytes .../gtk-3.0/3.16/assets/titlebutton-close-dark.png | Bin 508 -> 520 bytes .../3.16/assets/titlebutton-close-dark@2.png | Bin 1029 -> 1014 bytes .../3.16/assets/titlebutton-close-hover-dark.png | Bin 528 -> 517 bytes .../3.16/assets/titlebutton-close-hover-dark@2.png | Bin 955 -> 1014 bytes .../3.16/assets/titlebutton-max-backdrop-dark.png | Bin 450 -> 605 bytes .../assets/titlebutton-max-backdrop-dark@2.png | Bin 731 -> 1160 bytes .../gtk-3.0/3.16/assets/titlebutton-max-dark.png | Bin 454 -> 578 bytes .../gtk-3.0/3.16/assets/titlebutton-max-dark@2.png | Bin 740 -> 1163 bytes .../3.16/assets/titlebutton-max-hover-dark.png | Bin 426 -> 670 bytes .../3.16/assets/titlebutton-max-hover-dark@2.png | Bin 653 -> 1335 bytes .../3.16/assets/titlebutton-min-backdrop-dark.png | Bin 357 -> 543 bytes .../assets/titlebutton-min-backdrop-dark@2.png | Bin 598 -> 1065 bytes .../gtk-3.0/3.16/assets/titlebutton-min-dark.png | Bin 362 -> 533 bytes .../gtk-3.0/3.16/assets/titlebutton-min-dark@2.png | Bin 601 -> 1055 bytes .../3.16/assets/titlebutton-min-hover-dark.png | Bin 314 -> 572 bytes .../3.16/assets/titlebutton-min-hover-dark@2.png | Bin 527 -> 1193 bytes common/gtk-3.0/3.16/gtk-contained-dark.css | 340 +++++++------ common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 340 +++++++------ common/gtk-3.0/3.16/gtk-contained-solid.css | 2 +- common/gtk-3.0/3.16/gtk-contained.css | 6 +- 63 files changed, 682 insertions(+), 637 deletions(-) (limited to 'common/gtk-3.0') diff --git a/common/gtk-3.0/3.16/_applications.scss b/common/gtk-3.0/3.16/_applications.scss index 6c41b73..4adc039 100644 --- a/common/gtk-3.0/3.16/_applications.scss +++ b/common/gtk-3.0/3.16/_applications.scss @@ -40,8 +40,8 @@ TerminalWindow { .notebook { &.header.top { - box-shadow: inset 0 1px darken(opacify($header_bg, 1), 7%), - inset 0 -1px lighten($borders_color, 5%); + box-shadow: inset 0 1px if($variant == 'light', darken(opacify($header_bg, 1), 7%), darken(opacify($header_bg, 1), 5%)), + inset 0 -1px if($variant == 'light', lighten($borders_color, 5%), lighten($borders_color, 1%)); } tab { @@ -52,15 +52,15 @@ TerminalWindow { } &.reorderable-page.top:hover { - border-bottom-color: darken(opacify($header_bg, 1), 7%); + border-bottom-color: if($variant == 'light', darken(opacify($header_bg, 1), 7%), darken(opacify($header_bg, 1), 5%)); } &.reorderable-page.top:active, &.reorderable-page.top:active:hover { background-color: opacify($header_bg, 1); - border-color: darken(opacify($header_bg, 1), 7%); + border-color: if($variant == 'light', darken(opacify($header_bg, 1), 7%), darken(opacify($header_bg, 1), 5%)); - &:backdrop { background-color: lighten($header_bg, 3%); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } } @@ -166,7 +166,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { // // Gedit // -.gedit-headerbar-paned { color: darken($header_bg, 7%); } +.gedit-headerbar-paned { color: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; @@ -690,8 +690,8 @@ PantheonTerminalPantheonTerminalWindow.background { .notebook { &.header.top { - box-shadow: inset 0 1px darken(opacify($header_bg, 1), 7%), - inset 0 -1px lighten($borders_color, 5%); + box-shadow: inset 0 1px if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)), + inset 0 -1px if($variant == 'light', lighten($borders_color, 5%), lighten($borders_color, 1%)); } } } diff --git a/common/gtk-3.0/3.16/_colors.scss b/common/gtk-3.0/3.16/_colors.scss index 728a77f..358dccc 100644 --- a/common/gtk-3.0/3.16/_colors.scss +++ b/common/gtk-3.0/3.16/_colors.scss @@ -2,7 +2,7 @@ // it gets @if ed depending on $variant -$base_color: if($variant =='light', #ffffff, #272A30); +$base_color: if($variant =='light', #ffffff, #292D33); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #f9fafb, #2F343B); $fg_color: if($variant =='light', #5c616c, #D3DAE3); @@ -38,7 +38,7 @@ $tooltip_fg: #edf5fb; $tooltip_borders_color: transparentize(white, 0.9); //insensitive state derived colors -$insensitive_fg_color: transparentize($fg_color, 0.45); +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); @@ -50,10 +50,11 @@ $button_bg: if($variant == 'light', lighten($bg_color, 1%), darken($bg_color, 2% $button_border: $entry_border; $header_bg: if($transparency == 'true' and $variant == 'light', transparentize(#e7e8eb, 0.05), #e7e8eb); - @if $variant==dark { $header_bg: if($transparency == 'true', transparentize(#272A30, 0.04), #272A30); } -$header_fg: saturate(transparentize($fg_color, 0.2), 10%); +$header_bg_backdrop: if($variant == 'light', lighten($header_bg, 3%), lighten($header_bg, 1.5%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.3), 10%)); $dark_sidebar_bg: if($transparency == 'true', $osd_bg_color, opacify($osd_bg_color, 1)); $dark_sidebar_fg: $osd_fg_color; diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss index 7ca39c0..771530c 100644 --- a/common/gtk-3.0/3.16/_common.scss +++ b/common/gtk-3.0/3.16/_common.scss @@ -985,7 +985,7 @@ GtkComboBox { border-image: linear-gradient(to bottom, opacify($header_bg, 1), darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 - &:backdrop { background-color: lighten(opacify($header_bg, 1), 3%); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } .separator { @extend %header_separator; } @@ -1023,7 +1023,7 @@ GtkComboBox { border-width: 0 0 1px; border-style: solid; border-radius: 0; - border-color: darken($header_bg, 7%); + border-color: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); color: $header_fg; background-color: opacify($header_bg, 1); @@ -1032,9 +1032,9 @@ GtkComboBox { &:backdrop { color: transparentize($header_fg, 0.3); - background-color: lighten(opacify($header_bg, 1), 3%); + background-color: opacify($header_bg_backdrop, 1); - .csd & { background-color: lighten($header_bg, 3%); } // Transparent header-bars only in csd windows + .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows } .title { @@ -1117,7 +1117,7 @@ GtkComboBox { .maximized & { background-color: opacify($header_bg, 1); - &:backdrop { background-color: opacify(lighten($header_bg, 3%), 1); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } &.default-decoration { @@ -1126,7 +1126,7 @@ GtkComboBox { background-color: opacify($header_bg, 1); border-bottom-width: 0; - &:backdrop { background-color: lighten(opacify($header_bg, 1), 3%); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } @@ -1142,15 +1142,15 @@ GtkComboBox { &:backdrop { color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg, 1); + background-color: opacify($header_bg_backdrop, 1); - .csd & { background-color: lighten($header_bg, 3%); } + .csd & { background-color: $header_bg_backdrop; } } .maximized & { background-color: opacify($header_bg, 1); - &:backdrop { background-color: opacify(lighten($header_bg, 3%), 1); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } @@ -1486,7 +1486,7 @@ column-header.button.dnd { // for treeview-like derive widgets background-color: opacify($header_bg, 1); color: $header_fg; - &:backdrop { background-color: lighten(opacify($header_bg, 1), 3%); } + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } & > .menuitem { padding: 6px 8px; @@ -1508,7 +1508,7 @@ column-header.button.dnd { // for treeview-like derive widgets margin: 4px; padding: 0; border-radius: 0; - background-color: $base_color; + background-color: if($variant == 'light', $base_color, darken($base_color, 3%)); border: 1px solid $borders_color; .csd & { @@ -1521,8 +1521,8 @@ column-header.button.dnd { // for treeview-like derive widgets padding: 5px; &:hover { color: $fg_color; - background-color: transparentize(black, 0.96); - border: solid transparentize(black, 0.92); + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); border-width: 1px 0 1px 0; } &:insensitive { @@ -1561,7 +1561,7 @@ column-header.button.dnd { // for treeview-like derive widgets border: 1px solid darken($borders_color, 5%); border-radius: 3px; background-clip: border-box; - background-color: $base_color; + background-color: if($variant == 'light', $base_color, darken($base_color, 3%)); box-shadow: 0 2px 6px 1px transparentize(black, 0.93); @@ -1633,7 +1633,7 @@ column-header.button.dnd { // for treeview-like derive widgets &.left { border-right-width: 0; } } - $_header_border: lighten($borders_color, 5%); + $_header_border: if($variant == 'light', lighten($borders_color, 5%), lighten($borders_color, 1%)); &.top { box-shadow: inset 0 -1px $_header_border; // border } @@ -1693,8 +1693,8 @@ column-header.button.dnd { // for treeview-like derive widgets border-width: 1px; border-#{$_tab}-width: 0; border-color: $borders_color; - background-color: transparentize(black, 0.98); - &:hover { background-color: transparentize(black, 0.98); } + background-color: if($variant == 'light', transparentize(black, 0.98), transparentize(black, 0.9)); + &:hover { background-color: if($variant == 'light', transparentize(black, 0.98), transparentize(black, 0.9)); } } } } @@ -1769,7 +1769,7 @@ $_scrollbar_bg_color: darken($base_color, 1%); .slider { margin: 0; background-color: mix($fg_color, $bg_color, 70%); - border: 1px solid transparentize(white, 0.4); + border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); background-clip: padding-box; } @@ -2651,8 +2651,8 @@ GtkVolumeButton.button { padding: 8px; } // this needs to be transparent // see bug #722563 - $_wm_border: transparentize(black, 0.9); - $_wm_border_backdrop: transparentize(black, 0.9); + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.35)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.35)); box-shadow: 0 0 0 1px $_wm_border, 0 4px 8px 1px $_wm_border; diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/_drawing.scss index 0300ce1..6c68215 100644 --- a/common/gtk-3.0/3.16/_drawing.scss +++ b/common/gtk-3.0/3.16/_drawing.scss @@ -57,8 +57,8 @@ // normal header-bar entry // color: $header_fg; - border-color: transparentize($header_fg, 0.7); - background-image: linear-gradient(to bottom, transparentize($base_color, 0.1)); + border-color: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 4%)); + background-image: linear-gradient(to bottom, if($variant == 'light', transparentize($base_color, 0.1), transparentize(darken($base_color, 4%), 0.1))); background-color: transparent; &.image, &.image:hover { color: inherit; } @@ -78,7 +78,7 @@ // insensitive header-bar entry // color: transparentize($header_fg, 0.45); - background-image: linear-gradient(to bottom, transparentize($base_color, 0.45)); + background-image: linear-gradient(to bottom, if($variant == 'light', transparentize($base_color, 0.45), transparentize(darken($base_color, 2%), 0.45))); } @if $t==osd { @@ -192,8 +192,8 @@ // color: $header_fg; outline-color: transparentize($header_fg, 0.7); - border-color: transparentize($header_fg, 0.7); - background-color: transparentize($button_bg, 0.1); + border-color: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 1%)); + background-color: if($variant == 'light', transparentize($button_bg, 0.1), transparentize(darken($button_bg, 3%), 0.1)); } @else if $t==header-active { diff --git a/common/gtk-3.0/3.16/assets.svg b/common/gtk-3.0/3.16/assets.svg index 0092a56..65c2617 100644 --- a/common/gtk-3.0/3.16/assets.svg +++ b/common/gtk-3.0/3.16/assets.svg @@ -24,12 +24,12 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="1.4142136" - inkscape:cx="291.05608" - inkscape:cy="188.23767" + inkscape:zoom="2" + inkscape:cx="379.80628" + inkscape:cy="195.09285" inkscape:document-units="px" inkscape:current-layer="layer1" - showgrid="true" + showgrid="false" showborder="false" inkscape:window-width="1366" inkscape:window-height="720" @@ -3404,7 +3404,7 @@ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2f343b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;enable-background:accumulate" transform="scale(1,-1)" /> + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + style="fill:#ffffff;fill-opacity:1;stroke:none" /> @@ -3773,7 +3773,7 @@ ry="11" rx="11" /> + style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none" /> + style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none" /> + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.6;fill:#292d33;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none" /> + style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none" /> + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.6;fill:#292d33;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + style="fill:#ffffff;fill-opacity:1;stroke:none" /> + style="fill:#ffffff;fill-opacity:1;stroke:none" /> @@ -4419,7 +4419,7 @@ id="g5400-2-4-7"> + + + + + + + + + + + + id="g4490-6-5-2-5"> + style="fill:#f0464e;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-5" /> @@ -4848,7 +4893,7 @@ x="645" height="16" width="16" - id="rect17883-39-9" + id="rect17883-39-99" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> - + style="display:inline;opacity:0.9;fill:#22262b;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-6-0" + rx="6" + ry="6.0000005" /> + + id="g4490-2-96-8"> - - - - - - - - - - + transform="translate(-143.99998,-9.0000138)"> + id="g4490-6-9-1"> + style="fill:#f36f75;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-8-2" /> @@ -5009,89 +5021,85 @@ x="542" height="16" width="16" - id="rect17883-5-6" + id="rect17883-5-4" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + transform="translate(-134.99998,-9.0000138)"> + + - - - - - + id="layer9-78-7-6" /> + id="layer15-5-8-0" /> + id="g71291-1-7-5" /> + id="g4953-7-1-4" /> + id="layer12-3-0-0"> + id="path4293-6-7" /> @@ -5100,87 +5108,83 @@ x="513" height="16" width="16" - id="rect17883-0-0" + id="rect17883-0-1" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + transform="translate(-125.99998,-9.0000138)"> - - - - - + + + id="layer9-3-4-15" /> + id="layer15-52-1-7" /> + id="g71291-3-9-9" /> + id="g4953-8-2-7" /> + id="layer12-45-6-2"> @@ -5191,80 +5195,80 @@ x="484" height="16" width="16" - id="rect17883-11-0" + id="rect17883-11-4" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + transform="translate(-42.999985,7.999986)"> + id="g4490-6-3-7-46"> + style="fill:#e6262f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-4-9-7" /> @@ -5274,24 +5278,24 @@ x="441" height="16" width="16" - id="rect17883-02-2" + id="rect17883-02-4" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + transform="translate(-33.999985,7.999986)"> + id="g4490-2-9-1-2-4"> + id="path4068-7-6-5-1-6-6" /> + id="layer9-78-2-0-0" /> + id="layer15-5-4-2-4" /> + id="g71291-1-4-6-4" /> + id="g4953-7-0-8-22" /> + id="layer12-3-7-2-3"> + id="path4293-4-9-0" /> @@ -5365,24 +5369,24 @@ x="412" height="16" width="16" - id="rect17883-79-92" + id="rect17883-79-3" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + transform="translate(-24.999985,7.999986)"> + id="g4490-3-6-1-4-1"> + id="path4068-7-3-0-3-6-8" /> + id="layer9-3-9-1-0" /> + id="layer15-52-0-6-6" /> + id="g71291-3-4-6-0" /> + id="g4953-8-6-8-7" /> + id="layer12-45-3-7-96"> @@ -5453,7 +5457,7 @@ + + - - - - - - + style="display:inline;opacity:0.9;fill:#22262b;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-84-0" + rx="6" + ry="6.0000005" /> + + id="g4490-2-6"> - + style="display:inline;opacity:0.9;fill:#22262b;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-60-3" + rx="6" + ry="6.0000005" /> + + id="g4490-3-6"> .entry { - border-bottom-color: #24272c; + border-bottom-color: #25292e; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:first-child { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -284,7 +284,7 @@ GtkTextView { background-color: transparent; background-image: none; } .button:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .button:insensitive > GtkLabel { @@ -487,7 +487,7 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar GtkToolButton > .button:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { @@ -632,7 +632,7 @@ GtkTextView { .spinbutton .button:hover { color: #5294E2; } .spinbutton .button:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294E2; color: #ffffff; } @@ -652,7 +652,7 @@ GtkTextView { border-color: #5294E2; background-color: #2a2f35; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { @@ -673,7 +673,7 @@ GtkTextView { border-color: #5294E2; background-color: #2a2f35; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { @@ -705,7 +705,7 @@ GtkComboBox { padding-top: 3px; padding-bottom: 4px; } GtkComboBox:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry { @@ -742,14 +742,14 @@ GtkComboBox { background-color: rgba(60, 64, 73, 0.95); } .primary-toolbar { - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); background-color: #272a30; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #272a30, rgba(23, 25, 28, 0.96)) 1 0 1 0; } .primary-toolbar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .inline-toolbar { background-color: #282c32; @@ -777,16 +777,16 @@ GtkComboBox { border-width: 0 0 1px; border-style: solid; border-radius: 0; - border-color: rgba(23, 25, 28, 0.96); - color: rgba(207, 218, 231, 0.8); + border-color: rgba(28, 30, 34, 0.96); + color: rgba(207, 218, 231, 0.7); background-color: #272a30; } .csd .header-bar { background-color: rgba(39, 42, 48, 0.96); } .header-bar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #2e3138; } + color: rgba(207, 218, 231, 0.4); + background-color: #2a2e34; } .csd .header-bar:backdrop { - background-color: rgba(46, 49, 56, 0.96); } + background-color: rgba(42, 46, 52, 0.96); } .header-bar .title { padding: 0px 12px; } .header-bar .subtitle { @@ -844,36 +844,50 @@ GtkComboBox { .maximized .header-bar { background-color: #272a30; } .maximized .header-bar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .header-bar.default-decoration { padding-top: 5px; padding-bottom: 5px; background-color: #272a30; border-bottom-width: 0; } .header-bar.default-decoration:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); + background-color: #272a30; box-shadow: inset 0 1px rgba(46, 49, 56, 0.96); } + .csd .titlebar { + background-color: rgba(39, 42, 48, 0.96); } .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); + background-color: #2a2e34; } + .csd .titlebar:backdrop { + background-color: rgba(42, 46, 52, 0.96); } + .maximized .titlebar { + background-color: #272a30; } + .maximized .titlebar:backdrop { + background-color: #2a2e34; } + +.titlebar .titlebar, +.titlebar .titlebar:backdrop { + background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; - border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.05) 25%, rgba(207, 218, 231, 0.05) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } @@ -885,31 +899,35 @@ GtkComboBox { background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294E2; } + .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { + border-color: #5294E2; + background-image: none; + background-color: transparent; } .primary-toolbar .button, .header-bar .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); outline-offset: -3px; background-color: rgba(39, 42, 48, 0); border-color: rgba(39, 42, 48, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { - color: rgba(207, 218, 231, 0.35); + color: rgba(207, 218, 231, 0.25); background-color: rgba(39, 42, 48, 0); border-color: rgba(39, 42, 48, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { @@ -926,10 +944,10 @@ GtkComboBox { .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { @@ -1008,20 +1026,20 @@ GtkComboBox { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { - color: rgba(207, 218, 231, 0.2); } + color: rgba(207, 218, 231, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } @@ -1030,24 +1048,24 @@ GtkComboBox { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { - background-color: rgba(207, 218, 231, 0.15); } + background-color: rgba(207, 218, 231, 0.05); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } + background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.05)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.996)); } + background-image: linear-gradient(to bottom, rgba(40, 44, 50, 0.996)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.976)); } + background-image: linear-gradient(to bottom, rgba(39, 43, 49, 0.976)); } /************ * Pathbars * @@ -1083,7 +1101,7 @@ GtkTreeView.view { border-left-color: #a8c9f0; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97beed; } GtkTreeView.view.dnd { @@ -1092,7 +1110,7 @@ GtkTreeView.view { border-color: #92b7e2; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #7d8289; } + color: #7e838b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { @@ -1116,8 +1134,8 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #b0b6bf; - background-color: #272A30; } + color: #b1b7bf; + background-color: #292D33; } column-header .button:hover { color: #5294E2; box-shadow: none; @@ -1132,7 +1150,7 @@ column-header:last-child .button, column-header:last-child.button { column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #272A30, inset -1px 0 #272A30; } + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #292D33, inset -1px 0 #292D33; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; @@ -1141,7 +1159,7 @@ column-header .button, column-header .button:hover, column-header .button:active border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active { - background-color: #272A30; } + background-color: #292D33; } column-header .button:insensitive { border-color: #2F343B; background-image: none; } @@ -1153,9 +1171,9 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-window-dragging: true; padding: 0px; background-color: #272a30; - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } .menubar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .menubar > .menuitem { padding: 6px 8px; border: solid transparent; @@ -1164,14 +1182,14 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: #5294E2; color: #ffffff; } .menubar > .menuitem:insensitive { - color: rgba(207, 218, 231, 0.2); + color: rgba(207, 218, 231, 0.1); border-color: transparent; } .menu, .popup { margin: 4px; padding: 0; border-radius: 0; - background-color: #272A30; + background-color: #22262b; border: 1px solid #1d2024; } .csd .menu, .csd .popup { padding: 4px 0px; @@ -1181,13 +1199,13 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 5px; } .menu .menuitem:hover, .popup .menuitem:hover { color: #D3DAE3; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0 1px 0; } .menu .menuitem:insensitive, .popup .menuitem:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator, .popup .menuitem.separator, .popup GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .popup .menuitem.view.separator { - color: rgba(39, 42, 48, 0); } + color: rgba(41, 45, 51, 0); } .menu .menuitem.arrow, .popup .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl), .popup .menuitem.arrow:dir(rtl) { @@ -1196,11 +1214,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #383b41; } + border-bottom: 1px solid #393e44; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #383b41; } + border-top: 1px solid #393e44; } .menu.button:hover, .popup.button:hover { - background-color: #383b41; } + background-color: #393e44; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1217,10 +1235,10 @@ column-header .button, column-header .button:hover, column-header .button:active border: 1px solid #121316; border-radius: 3px; background-clip: border-box; - background-color: #272A30; + background-color: #22262b; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { - color: rgba(39, 42, 48, 0); } + color: rgba(41, 45, 51, 0); } .popover > .list, .popover > .view, .popover > .toolbar, @@ -1247,7 +1265,7 @@ column-header .button, column-header .button:hover, column-header .button:active *****************/ .notebook { padding: 0; - background-color: #26292f; + background-color: #282c32; -GtkNotebook-initial-gap: 10; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; @@ -1267,7 +1285,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.frame.left { border-left-width: 0; } .notebook.header { - background-color: #272A30; } + background-color: #292D33; } .notebook.header.frame { border: 1px solid #1d2024; } .notebook.header.frame.top { @@ -1279,13 +1297,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #282c32; } + box-shadow: inset 0 -1px #1f2227; } .notebook.header.bottom { - box-shadow: inset 0 1px #282c32; } + box-shadow: inset 0 1px #1f2227; } .notebook.header.right { - box-shadow: inset 1px 0 #282c32; } + box-shadow: inset 1px 0 #1f2227; } .notebook.header.left { - box-shadow: inset -1px 0 #282c32; } + box-shadow: inset -1px 0 #1f2227; } .notebook tab { border-width: 0; border-style: solid; @@ -1311,9 +1329,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-top-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.reorderable-page.top.active-page:hover:hover, .notebook tab.top:active:hover, .notebook tab.top.active-page:hover, .notebook tab.top.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { @@ -1325,9 +1343,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-bottom-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.reorderable-page.bottom.active-page:hover:hover, .notebook tab.bottom:active:hover, .notebook tab.bottom.active-page:hover, .notebook tab.bottom.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.right, .notebook tab.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { @@ -1339,9 +1357,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-right-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.reorderable-page.right.active-page:hover:hover, .notebook tab.right:active:hover, .notebook tab.right.active-page:hover, .notebook tab.right.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.left, .notebook tab.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { @@ -1353,14 +1371,14 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-left-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.reorderable-page.left.active-page:hover:hover, .notebook tab.left:active:hover, .notebook tab.left.active-page:hover, .notebook tab.left.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab GtkLabel { padding: 0 2px; - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { - color: rgba(211, 218, 227, 0.775); } + color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { @@ -1373,9 +1391,9 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { - color: rgba(211, 218, 227, 0.775); } + color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { @@ -1400,7 +1418,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a1a8b0; - border: 1px solid rgba(255, 255, 255, 0.6); + border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; @@ -1414,7 +1432,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { - background-color: #25282d; + background-color: #272b30; border: 1px none #1d2024; } .scrollbar .slider { background-color: #70767e; } @@ -1455,7 +1473,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #1d2024 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #25282d; } + background-color: #272b30; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } @@ -1615,7 +1633,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } /************ * GtkScale * @@ -1633,7 +1651,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { margin: 3px; } .scale.slider { background-clip: border-box; - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); border: 1px solid #5294E2; border-radius: 50%; box-shadow: none; } @@ -1641,7 +1659,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #2a2e34); + background-image: linear-gradient(to bottom, #2b3036); border-color: #426896; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1779,7 +1797,7 @@ GtkScrolledWindow GtkViewport.frame { * Lists * *********/ .list, .list-row { - background-color: #272A30; + background-color: #292D33; border-color: #1d2024; } .list-row, @@ -1820,7 +1838,7 @@ GtkScrolledWindow GtkViewport.frame { border-width: 0 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); - background-color: #272A30; + background-color: #292D33; background-clip: padding-box; } /************* @@ -2082,27 +2100,27 @@ GtkVolumeButton.button { .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65), 0 4px 8px 1px rgba(0, 0, 0, 0.65); /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 5px 2px rgba(0, 0, 0, 0.1); } + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65), 0 4px 5px 2px rgba(0, 0, 0, 0.65); } .window-frame.tiled { border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 3px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.csd.tooltip { border-radius: 2px; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.65); } .window-frame.csd.message-dialog { border-radius: 3px; - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); } + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.65); } .window-frame.solid-csd { border-radius: 0; margin: 1px; @@ -2123,10 +2141,10 @@ GtkVolumeButton.button { border-width: 0; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { @@ -2265,7 +2283,7 @@ GtkVolumeButton.button { background-position: right center; } GtkHTML { - background-color: #272A30; + background-color: #292D33; color: #D3DAE3; } GtkHTML:active { color: #ffffff; @@ -2281,18 +2299,18 @@ TerminalWindow .notebook tab.reorderable-page:hover { padding-top: 4px; padding-bottom: 4px; } TerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #17191c, inset 0 -1px #282c32; } + box-shadow: inset 0 1px #1c1e22, inset 0 -1px #1f2227; } TerminalWindow .notebook tab .active-page GtkLabel { - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } TerminalWindow .notebook tab .active-page GtkLabel:backdrop { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } TerminalWindow .notebook tab.reorderable-page.top:hover { - border-bottom-color: #17191c; } + border-bottom-color: #1c1e22; } TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top:active:hover { background-color: #272a30; - border-color: #17191c; } + border-color: #1c1e22; } TerminalWindow .notebook tab.reorderable-page.top:active:backdrop, TerminalWindow .notebook tab.reorderable-page.top:active:hover:backdrop { - background-color: rgba(46, 49, 56, 0.96); } + background-color: #2a2e34; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { @@ -2320,7 +2338,7 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { color: #dce9f9; } NautilusNotebook.notebook { - background-color: #272A30; } + background-color: #292D33; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; @@ -2355,10 +2373,10 @@ NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sideba color: #1d2024; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { border-color: #5294E2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { @@ -2368,11 +2386,11 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { background-color: #5294E2; } .gedit-headerbar-paned { - color: rgba(23, 25, 28, 0.96); } + color: rgba(28, 30, 34, 0.96); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; - border-color: #272A30; } + border-color: #292D33; } .open-document-selector-treeview.view:prelight { background-color: rgba(0, 0, 0, 0.05); } .open-document-selector-treeview.view:prelight:selected { @@ -2385,7 +2403,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #7d8289; + color: #7e838b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2448,7 +2466,7 @@ GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { - border-color: rgba(207, 218, 231, 0.1); + border-color: rgba(207, 218, 231, 0); background-color: rgba(42, 47, 53, 0.9); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2674,9 +2692,9 @@ MarlinViewWindow *:selected:focus { .marlin-pathbar.pathbar { border-radius: 14.5px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } @@ -2685,8 +2703,8 @@ MarlinViewWindow *:selected:focus { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294E2; } @@ -2694,7 +2712,7 @@ MarlinViewWindow *:selected:focus { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #D3DAE3; } @@ -2760,10 +2778,8 @@ MarlinViewWindow *:selected:focus { PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } - PantheonTerminalPantheonTerminalWindow.background .titlebar { - background-color: rgba(39, 42, 48, 0.96); } PantheonTerminalPantheonTerminalWindow.background .notebook.header.top { - box-shadow: inset 0 1px #17191c, inset 0 -1px #282c32; } + box-shadow: inset 0 1px rgba(28, 30, 34, 0.96), inset 0 -1px #1f2227; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { @@ -2789,12 +2805,12 @@ UnityDecoration { border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #272a30); - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); box-shadow: inset 0 1px rgba(46, 49, 56, 0.96); } UnityDecoration.top:backdrop { border-bottom-width: 0; background-image: linear-gradient(to bottom, #2e3138); - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -2912,7 +2928,7 @@ GraniteWidgetsStaticNotebook .frame { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { - background-color: #272A30; } + background-color: #292D33; } GraniteWidgetsWelcome GtkLabel { color: #81878f; @@ -2936,7 +2952,7 @@ GraniteWidgetsPopOver { margin: 0; } .popover_bg { - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, @@ -3138,7 +3154,7 @@ GeditWindow.background.csd { background-color: rgba(23, 25, 28, 0.96); } .gedit-bottom-panel-paned { - background-color: #272A30; } + background-color: #292D33; } .gedit-document-panel { background-color: rgba(60, 64, 73, 0.95); } @@ -3240,32 +3256,32 @@ GtkFileChooserDialog .action-bar.frame { @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #2F343B; -@define-color theme_base_color #272A30; +@define-color theme_base_color #292D33; @define-color theme_selected_bg_color #5294E2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #2F343B; -@define-color base_color #272A30; +@define-color base_color #292D33; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #343941; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.55); -@define-color insensitive_base_color #272A30; +@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_base_color #292D33; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #2F343B; -@define-color theme_unfocused_base_color #272A30; +@define-color theme_unfocused_base_color #292D33; @define-color borders #1d2024; @define-color unfocused_borders #1d2024; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title rgba(207, 218, 231, 0.7); +@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.7), 0.7); @define-color wm_bg #272a30; @define-color wm_bg_unfocused #2e3138; @define-color wm_highlight #30343b; @define-color wm_shadow alpha(black, 0.35); -@define-color content_view_bg #272A30; +@define-color content_view_bg #292D33; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index f43e827..ac90757 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -55,14 +55,14 @@ color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #343941; - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294E2; color: #ffffff; } .view { color: #D3DAE3; - background-color: #272A30; } + background-color: #292D33; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { @@ -76,13 +76,13 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #D3DAE3; } .label:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { - background-color: #272A30; + background-color: #292D33; border-top: 1px solid #1d2024; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #1d2024; } @@ -97,7 +97,7 @@ GtkAssistant .sidebar .label.highlight { color: #ffffff; } GtkTextView { - background-color: #2b2f35; } + background-color: #2c3037; } .grid-child { padding: 3px; @@ -140,8 +140,8 @@ GtkTextView { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #454a54; - background-color: #272A30; - background-image: linear-gradient(to bottom, #272A30); } + background-color: #292D33; + background-image: linear-gradient(to bottom, #292D33); } .header-bar .entry { padding: 6px 11px; } .entry.image { @@ -151,25 +151,25 @@ GtkTextView { padding: 2px; color: #D3DAE3; border-color: #454a54; - background-color: #272A30; - background-image: linear-gradient(to bottom, #272A30); + background-color: #292D33; + background-image: linear-gradient(to bottom, #292D33); border: none; border-radius: 0; } .entry:focus { color: #D3DAE3; border-color: #5294E2; - background-color: #272A30; - background-image: linear-gradient(to bottom, #272A30); } + background-color: #292D33; + background-image: linear-gradient(to bottom, #292D33); } .entry:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); - background-color: rgba(39, 42, 48, 0.55); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + background-color: rgba(41, 45, 51, 0.55); + background-image: linear-gradient(to bottom, rgba(41, 45, 51, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { - margin: 2px; + margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -191,7 +191,7 @@ GtkTextView { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #d13c36); } + background-image: linear-gradient(to bottom, #d13d37); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -201,7 +201,7 @@ GtkTextView { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #c96834); } + background-image: linear-gradient(to bottom, #c96934); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -209,26 +209,26 @@ GtkTextView { background-color: white; color: #F27835; } .entry.image { - color: #b0b6bf; } + color: #b1b7bf; } .entry.image:hover { color: #D3DAE3; } .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #24272c; + border-bottom-color: #25292e; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:first-child { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #24272c; } + border-bottom-color: #25292e; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -284,7 +284,7 @@ GtkTextView { background-color: transparent; background-image: none; } .button:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .button:insensitive > GtkLabel { @@ -487,7 +487,7 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar GtkToolButton > .button:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { @@ -632,7 +632,7 @@ GtkTextView { .spinbutton .button:hover { color: #5294E2; } .spinbutton .button:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294E2; color: #ffffff; } @@ -652,7 +652,7 @@ GtkTextView { border-color: #5294E2; background-color: #2a2f35; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { @@ -673,7 +673,7 @@ GtkTextView { border-color: #5294E2; background-color: #2a2f35; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(211, 218, 227, 0.55); + color: rgba(211, 218, 227, 0.45); border-color: rgba(69, 74, 84, 0.55); background-color: rgba(42, 47, 53, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { @@ -705,7 +705,7 @@ GtkComboBox { padding-top: 3px; padding-bottom: 4px; } GtkComboBox:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry { @@ -742,14 +742,14 @@ GtkComboBox { background-color: rgba(60, 64, 73, 0.95); } .primary-toolbar { - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); background-color: #272a30; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #272a30, #17191c) 1 0 1 0; } .primary-toolbar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .inline-toolbar { background-color: #282c32; @@ -777,16 +777,16 @@ GtkComboBox { border-width: 0 0 1px; border-style: solid; border-radius: 0; - border-color: #17191c; - color: rgba(207, 218, 231, 0.8); + border-color: #1c1e22; + color: rgba(207, 218, 231, 0.7); background-color: #272a30; } .csd .header-bar { background-color: #272A30; } .header-bar:backdrop { - color: rgba(207, 218, 231, 0.5); - background-color: #2e3138; } + color: rgba(207, 218, 231, 0.4); + background-color: #2a2e34; } .csd .header-bar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .header-bar .title { padding: 0px 12px; } .header-bar .subtitle { @@ -844,36 +844,50 @@ GtkComboBox { .maximized .header-bar { background-color: #272a30; } .maximized .header-bar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .header-bar.default-decoration { padding-top: 5px; padding-bottom: 5px; background-color: #272a30; border-bottom-width: 0; } .header-bar.default-decoration:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); + background-color: #272a30; box-shadow: inset 0 1px #2e3138; } + .csd .titlebar { + background-color: #272A30; } .titlebar:backdrop { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); + background-color: #2a2e34; } + .csd .titlebar:backdrop { + background-color: #2a2e34; } + .maximized .titlebar { + background-color: #272a30; } + .maximized .titlebar:backdrop { + background-color: #2a2e34; } + +.titlebar .titlebar, +.titlebar .titlebar:backdrop { + background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; - border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.05) 25%, rgba(207, 218, 231, 0.05) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } @@ -885,31 +899,35 @@ GtkComboBox { background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294E2; } + .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { + border-color: #5294E2; + background-image: none; + background-color: transparent; } .primary-toolbar .button, .header-bar .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); outline-offset: -3px; background-color: rgba(39, 42, 48, 0); border-color: rgba(39, 42, 48, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { - color: rgba(207, 218, 231, 0.35); + color: rgba(207, 218, 231, 0.25); background-color: rgba(39, 42, 48, 0); border-color: rgba(39, 42, 48, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { @@ -926,10 +944,10 @@ GtkComboBox { .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { @@ -1008,20 +1026,20 @@ GtkComboBox { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { - color: rgba(207, 218, 231, 0.2); } + color: rgba(207, 218, 231, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } @@ -1030,24 +1048,24 @@ GtkComboBox { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { - background-color: rgba(207, 218, 231, 0.15); } + background-color: rgba(207, 218, 231, 0.05); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } + background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.05)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, #272a30); } + background-image: linear-gradient(to bottom, #282c32); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #272a30); } + background-image: linear-gradient(to bottom, #272b31); } /************ * Pathbars * @@ -1083,7 +1101,7 @@ GtkTreeView.view { border-left-color: #a8c9f0; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97beed; } GtkTreeView.view.dnd { @@ -1092,7 +1110,7 @@ GtkTreeView.view { border-color: #92b7e2; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #7d8289; } + color: #7e838b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { @@ -1116,8 +1134,8 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #b0b6bf; - background-color: #272A30; } + color: #b1b7bf; + background-color: #292D33; } column-header .button:hover { color: #5294E2; box-shadow: none; @@ -1132,7 +1150,7 @@ column-header:last-child .button, column-header:last-child.button { column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #272A30, inset -1px 0 #272A30; } + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #292D33, inset -1px 0 #292D33; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; @@ -1141,7 +1159,7 @@ column-header .button, column-header .button:hover, column-header .button:active border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active { - background-color: #272A30; } + background-color: #292D33; } column-header .button:insensitive { border-color: #2F343B; background-image: none; } @@ -1153,9 +1171,9 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-window-dragging: true; padding: 0px; background-color: #272a30; - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } .menubar:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } .menubar > .menuitem { padding: 6px 8px; border: solid transparent; @@ -1164,14 +1182,14 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: #5294E2; color: #ffffff; } .menubar > .menuitem:insensitive { - color: rgba(207, 218, 231, 0.2); + color: rgba(207, 218, 231, 0.1); border-color: transparent; } .menu, .popup { margin: 4px; padding: 0; border-radius: 0; - background-color: #272A30; + background-color: #22262b; border: 1px solid #1d2024; } .csd .menu, .csd .popup { padding: 4px 0px; @@ -1181,13 +1199,13 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 5px; } .menu .menuitem:hover, .popup .menuitem:hover { color: #D3DAE3; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0 1px 0; } .menu .menuitem:insensitive, .popup .menuitem:insensitive { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator, .popup .menuitem.separator, .popup GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .popup .menuitem.view.separator { - color: rgba(39, 42, 48, 0); } + color: rgba(41, 45, 51, 0); } .menu .menuitem.arrow, .popup .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl), .popup .menuitem.arrow:dir(rtl) { @@ -1196,11 +1214,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #383b41; } + border-bottom: 1px solid #393e44; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #383b41; } + border-top: 1px solid #393e44; } .menu.button:hover, .popup.button:hover { - background-color: #383b41; } + background-color: #393e44; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1217,10 +1235,10 @@ column-header .button, column-header .button:hover, column-header .button:active border: 1px solid #121316; border-radius: 3px; background-clip: border-box; - background-color: #272A30; + background-color: #22262b; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { - color: rgba(39, 42, 48, 0); } + color: rgba(41, 45, 51, 0); } .popover > .list, .popover > .view, .popover > .toolbar, @@ -1247,7 +1265,7 @@ column-header .button, column-header .button:hover, column-header .button:active *****************/ .notebook { padding: 0; - background-color: #26292f; + background-color: #282c32; -GtkNotebook-initial-gap: 10; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; @@ -1267,7 +1285,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.frame.left { border-left-width: 0; } .notebook.header { - background-color: #272A30; } + background-color: #292D33; } .notebook.header.frame { border: 1px solid #1d2024; } .notebook.header.frame.top { @@ -1279,13 +1297,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #282c32; } + box-shadow: inset 0 -1px #1f2227; } .notebook.header.bottom { - box-shadow: inset 0 1px #282c32; } + box-shadow: inset 0 1px #1f2227; } .notebook.header.right { - box-shadow: inset 1px 0 #282c32; } + box-shadow: inset 1px 0 #1f2227; } .notebook.header.left { - box-shadow: inset -1px 0 #282c32; } + box-shadow: inset -1px 0 #1f2227; } .notebook tab { border-width: 0; border-style: solid; @@ -1311,9 +1329,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-top-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.reorderable-page.top.active-page:hover:hover, .notebook tab.top:active:hover, .notebook tab.top.active-page:hover, .notebook tab.top.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { @@ -1325,9 +1343,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-bottom-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.reorderable-page.bottom.active-page:hover:hover, .notebook tab.bottom:active:hover, .notebook tab.bottom.active-page:hover, .notebook tab.bottom.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.right, .notebook tab.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { @@ -1339,9 +1357,9 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-right-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.reorderable-page.right.active-page:hover:hover, .notebook tab.right:active:hover, .notebook tab.right.active-page:hover, .notebook tab.right.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.left, .notebook tab.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { @@ -1353,14 +1371,14 @@ column-header .button, column-header .button:hover, column-header .button:active border-width: 1px; border-left-width: 0; border-color: #1d2024; - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.reorderable-page.left.active-page:hover:hover, .notebook tab.left:active:hover, .notebook tab.left.active-page:hover, .notebook tab.left.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.1); } .notebook tab GtkLabel { padding: 0 2px; - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { - color: rgba(211, 218, 227, 0.775); } + color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { @@ -1373,9 +1391,9 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { - color: rgba(211, 218, 227, 0.775); } + color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { @@ -1400,7 +1418,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a1a8b0; - border: 1px solid rgba(255, 255, 255, 0.6); + border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; @@ -1414,7 +1432,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { - background-color: #25282d; + background-color: #272b30; border: 1px none #1d2024; } .scrollbar .slider { background-color: #70767e; } @@ -1455,7 +1473,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #1d2024 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #25282d; } + background-color: #272b30; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } @@ -1615,7 +1633,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(211, 218, 227, 0.55); } + color: rgba(211, 218, 227, 0.45); } /************ * GtkScale * @@ -1633,7 +1651,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { margin: 3px; } .scale.slider { background-clip: border-box; - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); border: 1px solid #5294E2; border-radius: 50%; box-shadow: none; } @@ -1641,7 +1659,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #2a2e34); + background-image: linear-gradient(to bottom, #2b3036); border-color: #426896; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1779,7 +1797,7 @@ GtkScrolledWindow GtkViewport.frame { * Lists * *********/ .list, .list-row { - background-color: #272A30; + background-color: #292D33; border-color: #1d2024; } .list-row, @@ -1820,7 +1838,7 @@ GtkScrolledWindow GtkViewport.frame { border-width: 0 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); - background-color: #272A30; + background-color: #292D33; background-clip: padding-box; } /************* @@ -2082,27 +2100,27 @@ GtkVolumeButton.button { .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 8px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65), 0 4px 8px 1px rgba(0, 0, 0, 0.65); /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 5px 2px rgba(0, 0, 0, 0.1); } + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65), 0 4px 5px 2px rgba(0, 0, 0, 0.65); } .window-frame.tiled { border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 3px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.csd.tooltip { border-radius: 2px; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.65); } .window-frame.csd.message-dialog { border-radius: 3px; - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); } + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.65); } .window-frame.solid-csd { border-radius: 0; margin: 1px; @@ -2123,10 +2141,10 @@ GtkVolumeButton.button { border-width: 0; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { @@ -2265,7 +2283,7 @@ GtkVolumeButton.button { background-position: right center; } GtkHTML { - background-color: #272A30; + background-color: #292D33; color: #D3DAE3; } GtkHTML:active { color: #ffffff; @@ -2281,18 +2299,18 @@ TerminalWindow .notebook tab.reorderable-page:hover { padding-top: 4px; padding-bottom: 4px; } TerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #17191c, inset 0 -1px #282c32; } + box-shadow: inset 0 1px #1c1e22, inset 0 -1px #1f2227; } TerminalWindow .notebook tab .active-page GtkLabel { - color: rgba(207, 218, 231, 0.8); } + color: rgba(207, 218, 231, 0.7); } TerminalWindow .notebook tab .active-page GtkLabel:backdrop { - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } TerminalWindow .notebook tab.reorderable-page.top:hover { - border-bottom-color: #17191c; } + border-bottom-color: #1c1e22; } TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top:active:hover { background-color: #272a30; - border-color: #17191c; } + border-color: #1c1e22; } TerminalWindow .notebook tab.reorderable-page.top:active:backdrop, TerminalWindow .notebook tab.reorderable-page.top:active:hover:backdrop { - background-color: #2e3138; } + background-color: #2a2e34; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { @@ -2320,7 +2338,7 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { color: #dce9f9; } NautilusNotebook.notebook { - background-color: #272A30; } + background-color: #292D33; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; @@ -2355,10 +2373,10 @@ NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sideba color: #1d2024; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(207, 218, 231, 0.1); - background-color: rgba(42, 47, 53, 0.9); } + color: rgba(207, 218, 231, 0.7); + outline-color: rgba(207, 218, 231, 0); + border-color: #1b1d21; + background-color: rgba(36, 39, 45, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { border-color: #5294E2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { @@ -2368,11 +2386,11 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { background-color: #5294E2; } .gedit-headerbar-paned { - color: #17191c; } + color: #1c1e22; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; - border-color: #272A30; } + border-color: #292D33; } .open-document-selector-treeview.view:prelight { background-color: rgba(0, 0, 0, 0.05); } .open-document-selector-treeview.view:prelight:selected { @@ -2385,7 +2403,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #7d8289; + color: #7e838b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2448,7 +2466,7 @@ GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { - border-color: rgba(207, 218, 231, 0.1); + border-color: rgba(207, 218, 231, 0); background-color: rgba(42, 47, 53, 0.9); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2674,9 +2692,9 @@ MarlinViewWindow *:selected:focus { .marlin-pathbar.pathbar { border-radius: 14.5px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(207, 218, 231, 0.1); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.9)); + color: rgba(207, 218, 231, 0.7); + border-color: #141619; + background-image: linear-gradient(to bottom, rgba(32, 35, 40, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } @@ -2685,8 +2703,8 @@ MarlinViewWindow *:selected:focus { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:insensitive { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(39, 42, 48, 0.55)); } + color: rgba(207, 218, 231, 0.25); + background-image: linear-gradient(to bottom, rgba(36, 40, 45, 0.55)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294E2; } @@ -2694,7 +2712,7 @@ MarlinViewWindow *:selected:focus { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #D3DAE3; } @@ -2760,10 +2778,8 @@ MarlinViewWindow *:selected:focus { PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } - PantheonTerminalPantheonTerminalWindow.background .titlebar { - background-color: #272A30; } PantheonTerminalPantheonTerminalWindow.background .notebook.header.top { - box-shadow: inset 0 1px #17191c, inset 0 -1px #282c32; } + box-shadow: inset 0 1px #1c1e22, inset 0 -1px #1f2227; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { @@ -2789,12 +2805,12 @@ UnityDecoration { border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #272a30); - color: rgba(207, 218, 231, 0.8); + color: rgba(207, 218, 231, 0.7); box-shadow: inset 0 1px #2e3138; } UnityDecoration.top:backdrop { border-bottom-width: 0; background-image: linear-gradient(to bottom, #2e3138); - color: rgba(207, 218, 231, 0.5); } + color: rgba(207, 218, 231, 0.4); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -2912,7 +2928,7 @@ GraniteWidgetsStaticNotebook .frame { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { - background-color: #272A30; } + background-color: #292D33; } GraniteWidgetsWelcome GtkLabel { color: #81878f; @@ -2936,7 +2952,7 @@ GraniteWidgetsPopOver { margin: 0; } .popover_bg { - background-image: linear-gradient(to bottom, #272A30); + background-image: linear-gradient(to bottom, #292D33); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, @@ -3138,7 +3154,7 @@ GeditWindow.background.csd { background-color: #17191c; } .gedit-bottom-panel-paned { - background-color: #272A30; } + background-color: #292D33; } .gedit-document-panel { background-color: #3c4049; } @@ -3240,32 +3256,32 @@ GtkFileChooserDialog .action-bar.frame { @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #2F343B; -@define-color theme_base_color #272A30; +@define-color theme_base_color #292D33; @define-color theme_selected_bg_color #5294E2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #2F343B; -@define-color base_color #272A30; +@define-color base_color #292D33; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #343941; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.55); -@define-color insensitive_base_color #272A30; +@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_base_color #292D33; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #2F343B; -@define-color theme_unfocused_base_color #272A30; +@define-color theme_unfocused_base_color #292D33; @define-color borders #1d2024; @define-color unfocused_borders #1d2024; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title rgba(207, 218, 231, 0.7); +@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.7), 0.7); @define-color wm_bg #272a30; @define-color wm_bg_unfocused #2e3138; @define-color wm_highlight #30343b; @define-color wm_shadow alpha(black, 0.35); -@define-color content_view_bg #272A30; +@define-color content_view_bg #292D33; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index 068fb53..1bae3d3 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -864,7 +864,7 @@ GtkComboBox { background-color: #e7e8eb; } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); - background-color: #e7e8eb; } + background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: #eff0f2; } .maximized .titlebar { diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 4289ee0..48f71d2 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -864,7 +864,7 @@ GtkComboBox { background-color: rgba(231, 232, 235, 0.95); } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); - background-color: #e7e8eb; } + background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } .maximized .titlebar { @@ -2310,7 +2310,7 @@ TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebo background-color: #e7e8eb; border-color: #d4d5db; } TerminalWindow .notebook tab.reorderable-page.top:active:backdrop, TerminalWindow .notebook tab.reorderable-page.top:active:hover:backdrop { - background-color: rgba(239, 240, 242, 0.95); } + background-color: #eff0f2; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { @@ -2779,7 +2779,7 @@ MarlinViewWindow *:selected:focus { PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } PantheonTerminalPantheonTerminalWindow.background .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #edf0f3; } + box-shadow: inset 0 1px rgba(212, 213, 219, 0.95), inset 0 -1px #edf0f3; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { -- cgit v1.2.3