Mercurial > repos > other > Adwaita-Dark-Green
changeset 41:d49665775e8b
Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
This seems to work without warnings on 3.20 - needs testing on 3.22
| author | IBBoard <dev@ibboard.co.uk> |
|---|---|
| date | Wed, 15 Mar 2017 20:17:42 +0000 |
| parents | 1373809b1c32 |
| children | 464e0bd93ed9 |
| files | VERSION gtk-3.20/_colors-public.scss gtk-3.20/_colors.scss gtk-3.20/_drawing.scss gtk-3.20/gtk-contained-dark.css gtk-3.20/gtk-contained.css gtk-3.20/gtk-dark.css gtk-3.20/gtk.css gtk-3.20/gtk.scss |
| diffstat | 9 files changed, 2050 insertions(+), 1808 deletions(-) [+] |
line wrap: on
line diff
--- a/VERSION Wed Feb 01 20:16:26 2017 +0000 +++ b/VERSION Wed Mar 15 20:17:42 2017 +0000 @@ -1,1 +1,1 @@ -1.0.1 \ No newline at end of file +1.0.2 \ No newline at end of file
--- a/gtk-3.20/_colors-public.scss Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/_colors-public.scss Wed Mar 15 20:17:42 2017 +0000 @@ -66,6 +66,10 @@ @define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; /* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* widgets main borders color */ @define-color borders #{"" +$borders_color};
--- a/gtk-3.20/_colors.scss Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/_colors.scss Wed Mar 15 20:17:42 2017 +0000 @@ -2,20 +2,21 @@ // it gets @if ed depending on $variant -$base_color: if($variant == 'light', #ffffff, #292929); +$base_color: if($variant == 'light', #ffffff, #232729); $text_color: if($variant == 'light', black, white); -$bg_color: if($variant == 'light', #e8e8e7, #393f3f); +$bg_color: if($variant == 'light', #e8e8e7, #33393b); $fg_color: if($variant == 'light', #2e3436, #eeeeec); $selected_fg_color: #ffffff; -$selected_bg_color: if($variant == 'light', #4a90d9, darken(#4a90d9,20%)); +$selected_bg_color: if($variant == 'light', #4a90d9, darken(#4a90d9, 20%)); $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%)); -$borders_color: if($variant == 'light', darken($bg_color,30%), darken($bg_color,12%)); +$borders_color: if($variant == 'light', darken($bg_color, 20%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%)); $borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); -$link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); -$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); +$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); $top_hilight: $borders_edge; -$dark_fill: mix($borders_color, $bg_color, 35%); +$dark_fill: mix($borders_color, $bg_color, 50%); $headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); $menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); $popover_bg_color: $bg_color; @@ -28,12 +29,12 @@ $warning_color: #f57900; $error_color: #cc0000; -$success_color: if($variant == 'light', #73d216, darken(#73d216,10%)); -$destructive_color: if($variant == 'light', #ef2929, darken(#ef2929,10%)); +$success_color: if($variant == 'light', #73d216, darken(#73d216, 10%)); +$destructive_color: if($variant == 'light', #ef2929, darken(#ef2929, 10%)); $osd_fg_color: #eeeeec; $osd_text_color: white; -$osd_bg_color: transparentize(#202526, 0.2); +$osd_bg_color: transparentize(#1c1f20, 0.3); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); $osd_borders_color: transparentize(black, 0.3); @@ -58,7 +59,7 @@ $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); $backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); $backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); -$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); $backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); $backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
--- a/gtk-3.20/_drawing.scss Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/_drawing.scss Wed Mar 15 20:17:42 2017 +0000 @@ -8,35 +8,26 @@ @else { @return 0 1px $c; } } -@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +@mixin _shadows($list...) { // -// Helper function to stack up to 4 box-shadows; +// Helper mixin to stack up to box-shadows; // - @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } - @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } - @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } - @else { box-shadow: $shadow1; } + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; } // entries - @function entry_focus_border($fc:$selected_bg_color) { @if $variant == 'light' { @return $fc; } @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } } -@function entry_focus_shadow($fc:$selected_bg_color) { - @return inset 0 0 0 1px $fc; -} - -@function entry_gradient($c) { - @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), - mix($borders_color, $c, 3%) 2px, - $c 90%); } - @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), - mix($borders_color, $c, 40%) 3px, - $c 90%); } -} +@function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; } @mixin entry($t, $fc:$selected_bg_color, $edge: none) { // @@ -57,7 +48,7 @@ @if $t==normal { color: $text_color; border-color: $borders_color; - background-image: entry_gradient($base_color); + background-color: $base_color; @include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge); // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. } @@ -68,25 +59,25 @@ @if $t==insensitive { color: $insensitive_fg_color; border-color: $borders_color; - background-image: linear-gradient(to bottom, $insensitive_bg_color); + background-color: $insensitive_bg_color; box-shadow: $_entry_edge; } @if $t==backdrop { color: $backdrop_text_color; border-color: $backdrop_borders_color; - background-image: linear-gradient(to bottom, $backdrop_base_color); + background-color: $backdrop_base_color; box-shadow: $_blank_edge; } @if $t==backdrop-insensitive { color: $backdrop_insensitive_color; border-color: $backdrop_borders_color; - background-image: linear-gradient(to bottom, $insensitive_bg_color); + background-color: $insensitive_bg_color; box-shadow: $_blank_edge; } @if $t==osd { color: $osd_text_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; @@ -95,7 +86,7 @@ @if $t==osd-focus { color: $osd_text_color; border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); background-clip: padding-box; box-shadow: entry_focus_shadow($fc); text-shadow: 0 1px black; @@ -104,7 +95,7 @@ @if $t==osd-insensitive { color: $osd_insensitive_fg_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-color: $osd_insensitive_bg_color; background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -113,7 +104,7 @@ @if $t==osd-backdrop { color: $osd_text_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -123,9 +114,10 @@ // buttons -@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want - // the border form the - // base color +@function _border_color($c, $darker: false) { + @if $darker == true { @return darken($c, 30%); } + @else { @return darken($c, 20%); } +} @function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { // @@ -189,7 +181,8 @@ // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated // - +// This mixin sets the $button_fill global variable which containts the button background-image +// $_hilight_color: _button_hilight_color($c); $_button_edge: if($edge == none, none, _widget_edge($edge)); $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); @@ -200,9 +193,11 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { background-image: linear-gradient(to bottom, $c, darken($c, 4%) 60%, darken($c, 10%)); } - @else { background-image: linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, darken($c, 6%)); } + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); + $button_fill: if($variant == 'light', linear-gradient(to bottom, $c, darken($c, 4%) 60%, darken($c, 10%)), + linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, darken($c, 6%))) !global; + background-image: $button_fill; @include _button_text_shadow($tc, $c); @include _shadows(inset 0 1px $_hilight_color, $_button_edge); } @@ -213,17 +208,19 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); @if $variant == 'light' { - background-image: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)); - @include _button_text_shadow($tc,lighten($c, 6%)); + $button_fill: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)) !global; + @include _button_text_shadow($tc, lighten($c, 6%)); @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge); } @else { - background-image: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)); + $button_fill: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)) !global; @include _button_text_shadow($tc,lighten($c, 6%)); @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge); } + background-image: $button_fill; } @if $t==normal-alt { @@ -232,7 +229,7 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); @include _button_text_shadow($tc, $c); @if $variant == 'light' { background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); @@ -256,66 +253,69 @@ // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); + border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); @if $variant == 'light' { - background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%); - box-shadow: inset 0 1px _button_hilight_color(lighten($c, 6%)), - inset 0 -2px lighten($c, 5%), - inset 0 -1px darken($c, 10%), - $_button_edge; + $button_fill: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%) !global; + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), + inset 0 -2px lighten($c, 5%), + inset 0 -1px darken($c, 10%), + $_button_edge); } @else { - background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%); + $button_fill: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%) !global; @include _shadows(inset 0 1px $_hilight_color, inset 0 -2px darken($c, 3%), inset 0 -1px darken($c, 6%), $_button_edge); } + background-image: $button_fill; } - @else if $t==active { // // pushed button // color: $tc; outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { background-image: linear-gradient(to bottom, darken($c, 13%), darken($c, 5%)); } - @else { background-image: linear-gradient(to bottom, darken($c, 9%), darken($c, 5%)); } - @include _button_text_shadow($tc, darken($c,10%)); - @include _shadows(inset 0 2px 1px -2px transparentize(black,0.4), - $_button_edge); + border-color: if($c != $bg_color, _border_color($c), $borders_color); + $button_fill: image(darken($c, 6%)) !global; + background-image: $button_fill; + @include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge); + + text-shadow: none; + -gtk-icon-shadow: none; } + @else if $t==insensitive { // // insensitive button // - $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); - label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } + label, & { color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } - border-color: if($c!=$bg_color, _border_color($c), - $insensitive_borders_color); - background-image: linear-gradient(to bottom, $_bg); + border-color: if($c != $bg_color, _border_color($c), $insensitive_borders_color); + $button_fill: image($_bg) !global; + background-image: $button_fill; text-shadow: none; -gtk-icon-shadow: none; // white with 0 alpha to avoid an ugly transition, since no color means // black with 0 alpha @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); } + @else if $t==insensitive-active { // // insensitive pushed button // - $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%), - $insensitive_bg_color); - $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color); - label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } + label, & { color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } border-color: $_bc; - background-image: linear-gradient(to bottom, mix($_bc, $_bg, 10%), $_bg); + $button_fill: image($_bg) !global; + background-image: $button_fill; // white with 0 alpha to avoid an ugly transition, since no color means // black with 0 alpha @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); @@ -325,32 +325,32 @@ // // backdrop button // - $_bg: if($c!=$bg_color,$c,$backdrop_bg_color); - $_bc: if($variant=='light',$c,_border_color($c)); + $_bg: if($c != $bg_color, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); - label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-image: linear-gradient(to bottom, $_bg); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + $button_fill: image($_bg) !global; + background-image: $button_fill; text-shadow: none; -gtk-icon-shadow: none; - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @else if $t==backdrop-active { // - // backdrop pushed button FIXME no colors here! + // backdrop pushed button // - $_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill); - $_bc: if($variant=='light',$_bg,_border_color($c)); + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); - label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-image: linear-gradient(to bottom, $_bg); - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + $button_fill: image($_bg) !global; + background-image: $button_fill; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @else if $t==backdrop-insensitive { @@ -358,19 +358,19 @@ // backdrop insensitive button // - $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); - $_bc: if($variant=='light', $_bg,_border_color($c)); + $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); - label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + label, & { color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-image: linear-gradient(to bottom, $_bg); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + $button_fill: image($_bg) !global; + background-image: $button_fill; text-shadow: none; -gtk-icon-shadow: none; // white with 0 alpha to avoid an ugly transition, since no color means // black with 0 alpha - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @else if $t==backdrop-insensitive-active { @@ -378,134 +378,119 @@ // backdrop insensitive pushed button // - $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%), - darken($insensitive_bg_color, 5%)); - $_bc: if($variant=='light', $_bg,_border_color($c)); + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + label { color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } - label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } - - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-image: linear-gradient(to bottom, $_bg); - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); + border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); + $button_fill: image($_bg) !global; + background-image: $button_fill; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @else if $t==osd { // // normal osd button // - $_bg: if($c!=$bg_color, transparentize($c, 0.5), - $osd_bg_color); + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); color: $osd_fg_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $_bg); + background-color: transparent; + $button_fill: image($_bg) !global; + background-image: $button_fill; background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: transparentize($osd_fg_color, 0.7); } + @else if $t==osd-hover { // // active osd button // - $_bg: if($c!=$bg_color, transparentize($c, 0.3), - lighten($osd_bg_color, 12%)); + $_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%)); color: white; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $_bg); + background-color: transparent; + $button_fill: image($_bg) !global; + background-image: $button_fill; background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: transparentize($osd_fg_color, 0.7); } + @else if $t==osd-active { // // active osd button // - $_bg: if($c!=$bg_color, $c, $osd_borders_color); + $_bg: if($c != $bg_color, $c, $osd_borders_color); color: white; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $_bg); + background-color: transparent; + $button_fill: image($_bg) !global; + background-image: $button_fill; background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: transparentize($osd_fg_color, 0.7); } + @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-color: transparent; + $button_fill: image($osd_insensitive_bg_color) !global; + background-image: $button_fill; background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + @else if $t==osd-backdrop { // // backdrop osd button // - $_bg: if($c!=$bg_color, transparentize($c, 0.5), - $osd_bg_color); + $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color); color: $osd_fg_color; border-color: $osd_borders_color; - background-image: linear-gradient(to bottom, $_bg); + background-color: transparent; + $button_fill: image($_bg) !global; + background-image: $button_fill; background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + @else if $t==undecorated { // // reset // border-color: transparent; background-color: transparent; - background-image: none; + $button_fill: none !global; + background-image: $button_fill; - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); text-shadow: none; -gtk-icon-shadow: none; } } -@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { - color: mix($tc, $bg_color, 80%); - @if $flat { background-image: linear-gradient(to bottom, $c); } - @else { - background-image: linear-gradient(to bottom, - mix(black,$c,15%) 5%, - mix(black,$c,10%) 20%, - mix(black,$c,10%) 90%, - $c); - } - - border-color: if($c!=$bg_color, _border_color($c), $border_color); - - @if not($noedge) { - @if lightness($c) > 60% { - box-shadow: inset 0 -1px $borders_edge, - 0 1px $borders_edge; - } - @else { - box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), - 0 1px transparentize($borders_edge, 0.5); - } - } - @else { box-shadow: none; } -} - @mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) { // // headerbar fill
--- a/gtk-3.20/gtk-contained-dark.css Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/gtk-contained-dark.css Wed Mar 15 20:17:42 2017 +0000 @@ -20,10 +20,10 @@ ***************/ .background { color: #eeeeec; - background-color: #393f3f; } + background-color: #33393b; } .background:backdrop { - color: #949796; - background-color: #393f3f; + color: #919494; + background-color: #33393b; text-shadow: none; -gtk-icon-shadow: none; } @@ -38,16 +38,16 @@ .gtkstyle-fallback { color: #eeeeec; - background-color: #393f3f; } + background-color: #33393b; } .gtkstyle-fallback:hover { color: #eeeeec; - background-color: #515a5a; } + background-color: #4b5356; } .gtkstyle-fallback:active { color: #eeeeec; - background-color: #212424; } + background-color: #1b1f20; } .gtkstyle-fallback:disabled { - color: #949796; - background-color: #333636; } + color: #919494; + background-color: #2d3234; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #215d9c; } @@ -57,13 +57,13 @@ iconview text, textview text { color: white; - background-color: #292929; } + background-color: #232729; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #d5d5d5; - background-color: #2c2c2c; } + color: #d3d4d5; + background-color: #252a2c; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -74,7 +74,7 @@ border-radius: 3px; } textview border { - background-color: #313434; } + background-color: #2b3032; } .rubberband, rubberband, @@ -95,16 +95,16 @@ label.separator { color: #eeeeec; } label.separator:backdrop { - color: #949796; } + color: #919494; } label selection { background-color: #215d9c; color: #ffffff; } label:disabled { - color: #949796; } + color: #919494; } label:disabled:backdrop { - color: #5d6767; } + color: #566164; } label:backdrop { - color: #949796; } + color: #919494; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { @@ -112,23 +112,23 @@ text-shadow: none; } assistant .sidebar { - background-color: #292929; - border-top: 1px solid #1c1f1f; } + background-color: #232729; + border-top: 1px solid #1b1f20; } assistant .sidebar:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } + background-color: #252a2c; + border-color: #202425; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #5d6262; } + background-color: #585d5e; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); text-shadow: 0 1px black; @@ -165,8 +165,8 @@ border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); + border-color: #1b1f20; + background-color: #232729; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } spinbutton:not(.vertical) image.left, entry image.left { @@ -212,22 +212,22 @@ border-color: #0f2b48; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + color: #919494; + border-color: #1b1f20; + background-color: #2d3234; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); + color: #d3d4d5; + border-color: #202425; + background-color: #252a2c; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + color: #566164; + border-color: #202425; + background-color: #2d3234; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -253,7 +253,7 @@ background-color: #f57900; } spinbutton:not(.vertical) image, entry image { - color: #c7c7c5; } + color: #c5c6c5; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } @@ -262,7 +262,7 @@ color: #215d9c; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #7f8281; } + color: #7b7f7f; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -272,7 +272,7 @@ entry { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; @@ -281,7 +281,7 @@ entry:focus { color: white; border-color: #215d9c; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #215d9c; text-shadow: 0 1px black; @@ -290,16 +290,16 @@ entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -336,17 +336,17 @@ .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #252626; - background-image: linear-gradient(to bottom, #292929); } + border-top-color: #212526; + background-image: linear-gradient(to bottom, #232729); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #282929; - background-image: linear-gradient(to bottom, #2c2c2c); } + border-top-color: #24282a; + background-image: linear-gradient(to bottom, #252a2c); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #252626; } + border-top-color: #212526; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -385,12 +385,12 @@ border-top-color: #4e9a06; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #292929; + background-color: #232729; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #292929; } + background-color: #232729; } treeview entry.flat:focus, treeview entry:focus { border-color: #215d9c; } @@ -412,10 +412,11 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { @@ -437,28 +438,29 @@ button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -469,14 +471,14 @@ button:backdrop.flat, button:backdrop label, button:backdrop { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -487,12 +489,12 @@ button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -501,21 +503,21 @@ button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { - color: #5d6767; } + color: #566164; } notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { - color: #5d6767; } + color: #566164; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, @@ -528,27 +530,27 @@ -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); + border-color: #1b1f20; + background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; @@ -577,7 +579,7 @@ border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #949796; } + color: #919494; } button.osd { min-width: 24px; min-height: 32px; @@ -586,7 +588,8 @@ outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -599,7 +602,8 @@ button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -611,7 +615,8 @@ button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -621,9 +626,10 @@ box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -632,7 +638,8 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -643,7 +650,8 @@ button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -653,7 +661,8 @@ button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -666,7 +675,8 @@ button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -675,9 +685,10 @@ popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -686,7 +697,8 @@ button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -706,7 +718,8 @@ button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -714,9 +727,10 @@ outline-color: rgba(238, 238, 236, 0.3); } popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -737,7 +751,8 @@ button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -746,7 +761,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; + border-color: #0f2b48; + border-bottom-color: #06121e; background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -763,25 +779,26 @@ button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); + border-color: #0f2b48; + border-bottom-color: #06121e; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #0f2b48; + background-image: image(#1b4e83); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); + border-color: #0f2b48; + background-image: image(#215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -796,8 +813,8 @@ button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #184472); + border-color: #0f2b48; + background-image: image(#1d4b7b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -808,12 +825,12 @@ button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { - color: #d1dae3; } + color: #d2dbe5; } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -822,21 +839,21 @@ button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { - color: #5d6767; } + color: #566164; } .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1d4877); + border-color: #0f2b48; + background-image: image(#1d4b7b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { - color: #6c88a7; } + color: #6c8aa9; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, @@ -849,29 +866,30 @@ -gtk-icon-shadow: none; color: rgba(33, 93, 156, 0.8); } button.suggested-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled label, button.suggested-action:disabled { - color: #949796; } + color: #919494; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1b4470, #1d4877); + border-color: #0f2b48; + background-image: image(#1b4672); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { - color: #a5b6c9; } + color: #a4b5c7; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); + background-color: transparent; + background-image: image(rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -881,7 +899,8 @@ button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); + background-color: transparent; + background-image: image(rgba(33, 93, 156, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -894,7 +913,8 @@ button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #215d9c); + background-color: transparent; + background-image: image(#215d9c); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -903,9 +923,10 @@ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -914,7 +935,8 @@ button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); + background-color: transparent; + background-image: image(rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -922,7 +944,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; + border-color: #760909; + border-bottom-color: #470505; background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); @@ -938,24 +961,25 @@ button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); + border-color: #760909; + border-bottom-color: #470505; text-shadow: 0 -1px rgba(0, 0, 0, 0.59278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #760909; + background-image: image(#b90e0e); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #d51010); + border-color: #760909; + background-image: image(#d51010); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -968,8 +992,8 @@ button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a60c0c); + border-color: #760909; + background-image: image(#a71112); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -979,11 +1003,11 @@ button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #edcece; } + color: #edcfd0; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -991,19 +1015,19 @@ button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { - color: #5d6767; } + color: #566164; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a41212); + border-color: #760909; + background-image: image(#a71112); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #c46565; } + color: #c66465; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1015,29 +1039,30 @@ -gtk-icon-shadow: none; color: rgba(213, 16, 16, 0.8); } button.destructive-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled label, button.destructive-action:disabled { - color: #949796; } + color: #919494; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #9d1111, #a41212); + border-color: #760909; + background-image: image(#9e1011); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #dba0a0; } + color: #d89fa0; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1047,7 +1072,8 @@ button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1060,7 +1086,8 @@ button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #d51010); + background-color: transparent; + background-image: image(#d51010); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1069,9 +1096,10 @@ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1080,7 +1108,8 @@ button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1129,7 +1158,7 @@ .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.82745)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -1147,69 +1176,71 @@ .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); + border-color: #1b1f20; + background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #5d6767; } + color: #566164; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #5d6767; } + color: #566164; } toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > @@ -1304,7 +1335,7 @@ modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { - background-color: #454c4c; } + background-color: #3f4649; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, @@ -1413,7 +1444,7 @@ color: #dadad9; background-image: none; border-style: none none none solid; - border-color: rgba(28, 31, 31, 0.3); + border-color: rgba(27, 31, 32, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1422,17 +1453,17 @@ color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(148, 151, 150, 0.3); } + color: rgba(145, 148, 148, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { - color: #8a8c8b; + color: #86898a; background-color: transparent; - border-color: rgba(31, 34, 34, 0.3); + border-color: rgba(32, 36, 37, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(93, 103, 103, 0.3); + color: rgba(86, 97, 100, 0.3); background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { @@ -1482,7 +1513,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1491,9 +1522,9 @@ .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #949796; } + color: #919494; } spinbutton.vertical:backdrop:disabled { - color: #5d6767; } + color: #566164; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -1515,7 +1546,8 @@ .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1524,7 +1556,8 @@ .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1533,16 +1566,18 @@ .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1550,7 +1585,8 @@ .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1580,7 +1616,7 @@ .location-bar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #393f3f; } + background-color: #33393b; } toolbar { padding: 4px 3px 3px 4px; } @@ -1590,7 +1626,7 @@ padding: 13px; border: none; border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } + background-color: rgba(28, 31, 32, 0.7); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -1618,12 +1654,12 @@ .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #1c1f1f; - background-color: #303535; } + border-color: #1b1f20; + background-color: #2c3133; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #1f2222; - background-color: #303535; + border-color: #202425; + background-color: #2c3233; box-shadow: none; transition: 200ms ease-out; } @@ -1636,14 +1672,14 @@ min-height: 46px; border-width: 0 0 1px; border-style: solid; - border-color: #1c1f1f; + border-color: #1b1f20; border-radius: 0; - background: #323737 linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px); + background: #2c3133 linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #1f2222; - background-color: #393f3f; + border-color: #202425; + background-color: #33393b; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } @@ -1673,7 +1709,8 @@ headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; + border-color: #0f2b48; + border-bottom-color: #06121e; background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -1690,26 +1727,27 @@ headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); + border-color: #0f2b48; + border-bottom-color: #06121e; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); } .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #0f2b48; + background-image: image(#1b4e83); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); + border-color: #0f2b48; + background-image: image(#215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1726,8 +1764,8 @@ headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #184472); + border-color: #0f2b48; + background-image: image(#1d4b7b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1739,12 +1777,12 @@ headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #d1dae3; } + color: #d2dbe5; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); + border-color: #0f2b48; + background-image: image(#21558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1760,8 +1798,8 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1d4877); + border-color: #0f2b48; + background-image: image(#1d4b7b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1769,7 +1807,7 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #6c88a7; } + color: #6c8aa9; } .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, @@ -1782,61 +1820,63 @@ -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); + border-color: #0f2b48; + background-image: image(#21558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { - color: #91aac5; } + color: #90aac5; } .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1b4470, #1d4877); + border-color: #0f2b48; + background-image: image(#1b4672); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #a5b6c9; } + color: #a4b5c7; } .selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1844,11 +1884,11 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { - color: #949796; } + color: #919494; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1856,11 +1896,11 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { - color: #949796; } + color: #919494; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1868,7 +1908,7 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #5d6767; } + color: #566164; } .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { @@ -1931,7 +1971,7 @@ border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #1c1f1f; } + background-color: #1b1f20; } /************ * Pathbars * @@ -1957,8 +1997,8 @@ * Tree Views * **************/ treeview.view { - border-left-color: #8c8c8b; - border-top-color: #393f3f; } + border-left-color: #898b8b; + border-top-color: #33393b; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -1972,21 +2012,21 @@ border-left-color: #90aece; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { - color: #949796; } + color: #919494; } treeview.view:disabled:selected { color: #7a9ec4; } treeview.view:disabled:selected:backdrop { - color: #5781ad; } + color: #5681ad; } treeview.view:disabled:backdrop { - color: #5d6767; } + color: #566164; } treeview.view.separator { min-height: 2px; - color: #393f3f; } + color: #33393b; } treeview.view.separator:backdrop { - color: rgba(57, 63, 63, 0.1); } + color: rgba(51, 57, 59, 0.1); } treeview.view:backdrop { - border-left-color: #676b6b; - border-top: #393f3f; } + border-left-color: #626768; + border-top: #33393b; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; @@ -1997,7 +2037,7 @@ border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #b3b3b2; } + color: #b1b2b2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { @@ -2007,11 +2047,11 @@ treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { - color: #9fb1c4; } + color: #9eb0c4; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #757776; } + color: #717475; } treeview.view.progressbar { border: 1px solid #0f2b48; border-radius: 4px; @@ -2021,12 +2061,12 @@ treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #292929, #101010); } + background-image: linear-gradient(to bottom, #232729, #0c0d0d); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #2c2c2c; - background-color: #2c2c2c; } + border-color: #252a2c; + background-color: #252a2c; } treeview.view.progressbar:backdrop { - border-color: #2c2c2c; + border-color: #252a2c; background-image: none; box-shadow: none; } treeview.view.trough { @@ -2036,13 +2076,13 @@ background-color: #184472; border-radius: 4px; } treeview.view header button { - color: #8c8c8b; - background-color: #292929; + color: #898b8b; + background-color: #232729; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #bdbdbc; + color: #bcbdbc; box-shadow: none; transition: none; } treeview.view header button:active { @@ -2059,10 +2099,10 @@ transition: none; background-image: none; background-color: #215d9c; - color: #292929; + color: #232729; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #292929; + box-shadow: inset 0 0 0 1px #232729; text-shadow: none; } treeview.view acceleditor > label { background-color: #215d9c; } @@ -2073,18 +2113,18 @@ background-image: none; text-shadow: none; border-style: none solid solid none; - border-color: #393f3f; } + border-color: #33393b; } treeview.view header button:disabled { - border-color: #393f3f; + border-color: #33393b; background-image: none; } treeview.view header button:backdrop { - border-color: #393f3f; + border-color: #33393b; border-style: none solid solid none; - color: #676b6b; + color: #626768; background-image: none; - background-color: #2c2c2c; } + background-color: #252a2c; } treeview.view header button:backdrop:disabled { - border-color: #393f3f; + border-color: #33393b; background-image: none; } /********* @@ -2097,7 +2137,7 @@ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { - background-color: #393f3f; } + background-color: #33393b; } menubar > menuitem, .menubar > menuitem { min-height: 16px; @@ -2108,7 +2148,7 @@ color: #4a90d9; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #949796; + color: #919494; box-shadow: none; } menu, @@ -2116,8 +2156,8 @@ .context-menu { margin: 4px; padding: 2px 0px; - background-color: #2c2d2d; - border: 1px solid #1c1f1f; } + background-color: #262b2d; + border: 1px solid #1b1f20; } .csd menu, .csd .menu, .csd .context-menu { @@ -2125,7 +2165,7 @@ menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #2f3030; } + background-color: #282d2f; } menu menuitem, .menu menuitem, .context-menu menuitem { @@ -2141,17 +2181,17 @@ menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #949796; } + color: #919494; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #5d6767; } + color: #566164; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #949796; + color: #919494; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, @@ -2186,28 +2226,28 @@ min-height: 16px; min-width: 16px; padding: 4px; - background-color: #2c2d2d; + background-color: #262b2d; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #3d3d3d; + border-bottom: 1px solid #373b3d; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #3d3d3d; + border-top: 1px solid #373b3d; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #3d3d3d; } + background-color: #373b3d; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #2f3030; } + background-color: #282d2f; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { @@ -2234,12 +2274,12 @@ popover.background { padding: 2px; border-radius: 5px; - background-color: #393f3f; + background-color: #33393b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } popover.background:backdrop { - background-color: #393f3f; + background-color: #33393b; box-shadow: none; } popover.background > list, popover.background > .view, @@ -2259,12 +2299,12 @@ *************/ notebook > header { padding: 1px; - border-color: #1c1f1f; + border-color: #1b1f20; border-width: 1px; - background-color: #2f3434; } + background-color: #272c2e; } notebook > header:backdrop { - border-color: #1f2222; - background-color: #303535; } + border-color: #202425; + background-color: #2c3233; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2272,7 +2312,7 @@ notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #1c1f1f; } + box-shadow: inset 0 -3px #1b1f20; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2282,7 +2322,7 @@ notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #1c1f1f; } + box-shadow: inset 0 3px #1b1f20; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2292,7 +2332,7 @@ notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #1c1f1f; } + box-shadow: inset -3px 0 #1b1f20; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2302,7 +2342,7 @@ notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #1c1f1f; } + box-shadow: inset 3px 0 #1b1f20; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2355,32 +2395,32 @@ min-width: 30px; padding: 3px 12px; outline-offset: -5px; - color: #949796; + color: #919494; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #c1c3c1; } + color: #c0c1c0; } notebook > header tab:hover.reorderable-page { - border-color: rgba(28, 31, 31, 0.3); - background-color: rgba(57, 63, 63, 0.2); } + border-color: rgba(27, 31, 32, 0.3); + background-color: rgba(51, 57, 59, 0.2); } notebook > header tab:backdrop { - color: #707473; } + color: #6b7070; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { - border-color: rgba(28, 31, 31, 0.5); - background-color: rgba(57, 63, 63, 0.5); } + border-color: rgba(27, 31, 32, 0.5); + background-color: rgba(51, 57, 59, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(57, 63, 63, 0.7); } + background-color: rgba(51, 57, 59, 0.7); } notebook > header tab:backdrop:checked { - color: #949796; } + color: #919494; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #1f2222; - background-color: #393f3f; } + border-color: #202425; + background-color: #33393b; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -2432,30 +2472,30 @@ notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { - background-color: #292929; } + background-color: #232729; } notebook > stack:not(:only-child):backdrop { - background-color: #2c2c2c; } + background-color: #252a2c; } /************** * Scrollbars * **************/ scrollbar { - background-color: #313434; + background-color: #2b3032; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #1c1f1f; } + border-bottom: 1px solid #1b1f20; } scrollbar.bottom { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } scrollbar.left { - border-right: 1px solid #1c1f1f; } + border-right: 1px solid #1b1f20; } scrollbar.right { - border-left: 1px solid #1c1f1f; } + border-left: 1px solid #1b1f20; } scrollbar:backdrop { - background-color: #323737; - border-color: #1f2222; + background-color: #2c3133; + border-color: #202425; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2464,13 +2504,13 @@ border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #a6a8a7; } + background-color: #a3a6a5; } scrollbar slider:hover { - background-color: #cacbc9; } + background-color: #c9cac9; } scrollbar slider:hover:active { background-color: #2a76c6; } scrollbar slider:backdrop { - background-color: #5d6262; } + background-color: #595d5f; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -2529,7 +2569,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a6a8a7; } + color: #a3a6a5; } scrollbar button:hover { border-color: transparent; background-color: transparent; @@ -2537,7 +2577,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #cacbc9; } + color: #c9cac9; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; @@ -2553,7 +2593,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(166, 168, 167, 0.2); } + color: rgba(163, 166, 165, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; @@ -2561,7 +2601,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #5d6262; } + color: #595d5f; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -2569,7 +2609,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(93, 98, 98, 0.2); } + color: rgba(89, 93, 95, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -2580,7 +2620,7 @@ -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #1c1f1f; + border-top: 1px solid #1b1f20; margin-top: -1px; } /********** @@ -2591,10 +2631,10 @@ font-size: smaller; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; border-radius: 3px; color: #eeeeec; - background-image: linear-gradient(to bottom, #2d3232); + background-image: linear-gradient(to bottom, #292f30); text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: white; @@ -2604,16 +2644,16 @@ box-shadow: 0 1px transparent; text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { - color: #949796; - border-color: #1c1f1f; + color: #919494; + border-color: #1b1f20; background-image: none; - background-color: #333636; + background-color: #2d3234; box-shadow: 0 1px transparent; text-shadow: none; } switch:backdrop { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + color: #919494; + border-color: #202425; + background-image: linear-gradient(to bottom, #2c3233); box-shadow: none; text-shadow: none; transition: 200ms ease-out; } @@ -2622,10 +2662,10 @@ background-image: linear-gradient(to bottom, #215d9c); box-shadow: none; } switch:disabled { - color: #5d6767; - border-color: #1f2222; + color: #566164; + border-color: #202425; background-image: none; - background-color: #333636; } + background-color: #2d3234; } switch slider { margin: -1px; min-width: 44px; @@ -2635,46 +2675,46 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } switch:checked slider { border: 1px solid #0f2b48; } switch:disabled slider { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:disabled slider label, switch:disabled slider { - color: #949796; } + color: #919494; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop slider label, switch:backdrop slider { - color: #949796; } + color: #919494; } switch:backdrop:checked slider { border-color: #0f2b48; } switch:backdrop:disabled slider { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop:disabled slider label, switch:backdrop:disabled slider { - color: #5d6767; } + color: #566164; } /************************* * Check and Radio items * @@ -2736,11 +2776,11 @@ -gtk-icon-source: none; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); } check:only-child, radio:only-child { margin: 0; } @@ -2748,33 +2788,33 @@ radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } check:disabled, radio:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } check:disabled label, check:disabled, radio:disabled label, radio:disabled { - color: #949796; } + color: #919494; } check:backdrop, radio:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2782,23 +2822,24 @@ check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { - color: #949796; } + color: #919494; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { - color: #5d6767; } + color: #566164; } .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2808,7 +2849,8 @@ radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2818,7 +2860,8 @@ radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2828,16 +2871,18 @@ radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2912,33 +2957,33 @@ color: #eeeeec; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: #949796; } + color: #919494; } treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { - color: #5d6767; } + color: #566164; } treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { - color: #949796; } + color: #919494; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; border-radius: 3px; - background-color: #2f3434; + background-color: #272c2e; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #333636; + background-color: #2d3234; box-shadow: none; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #303535; - border-color: #1f2222; + background-color: #2c3233; + border-color: #202425; box-shadow: none; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { - background-color: #333636; } + background-color: #2d3234; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { box-shadow: none; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { @@ -2949,7 +2994,7 @@ box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(53, 57, 58, 0.5); } + background-color: rgba(49, 52, 52, 0.5); } scale highlight, progressbar progress { border: 1px solid #0f2b48; @@ -3000,7 +3045,7 @@ outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill, scale fill:backdrop { - background-color: #1c1f1f; + background-color: #1b1f20; box-shadow: none; } scale fill:disabled, scale fill:disabled:backdrop { border-color: transparent; @@ -3013,65 +3058,67 @@ scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #151717; + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); + border: 1px solid #141717; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } scale slider:active { border-color: #0f2b48; } scale slider:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:disabled label, scale slider:disabled { - color: #949796; } + color: #919494; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop label, scale slider:backdrop { - color: #949796; } + color: #919494; } scale slider:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: #5d6767; } + color: #566164; } row:selected scale slider, row:selected scale slider:disabled { border-color: #0f2b48; } .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } + background-color: #1c1f20; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3080,16 +3127,18 @@ .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd scale slider:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3097,7 +3146,8 @@ .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3480,7 +3530,7 @@ min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #1c1f1f); + background-image: linear-gradient(to top, #1b1f20); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3599,13 +3649,13 @@ padding: 2px; border-radius: 3px; color: white; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); + border-color: #1b1f20; + background-color: #232729; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } levelbar trough:backdrop { - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); + color: #d3d4d5; + border-color: #202425; + background-color: #252a2c; box-shadow: none; } levelbar.horizontal.discrete block { margin: 0 1px; } @@ -3637,19 +3687,19 @@ border-color: rgba(238, 238, 236, 0.1); box-shadow: none; } levelbar block.empty:backdrop { - border-color: rgba(148, 151, 150, 0.15); } + border-color: rgba(145, 148, 148, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; background: white; padding: 0; } printdialog paper:backdrop { - color: #949796; - border-color: #1f2222; } + color: #919494; + border-color: #202425; } printdialog .dialog-action-box { margin: 12px; } @@ -3662,19 +3712,19 @@ margin: 0; padding: 0; border-radius: 0; - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #1f2222; } + border-color: #202425; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } actionbar > revealer > box:backdrop { - border-color: #1f2222; } + border-color: #202425; } scrolledwindow viewport.frame { border-style: none; } @@ -3687,7 +3737,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3703,7 +3753,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3719,7 +3769,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3735,7 +3785,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3784,13 +3834,13 @@ box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #313434; } + border-image: linear-gradient(to bottom, #1b1f20 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2b3032; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #1f2222 1px, transparent 1px); - background-color: #323737; + border-image-source: linear-gradient(to bottom, #202425 1px, transparent 1px); + background-color: #2c3133; transition: 200ms ease-out; } separator { @@ -3803,11 +3853,11 @@ *********/ list { color: white; - background-color: #292929; - border-color: #1c1f1f; } + background-color: #232729; + border-color: #1b1f20; } list:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } + background-color: #252a2c; + border-color: #202425; } list row { padding: 2px; } @@ -3837,7 +3887,7 @@ .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -3867,7 +3917,7 @@ ***********/ calendar { color: white; - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3879,16 +3929,16 @@ calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { - color: rgba(148, 151, 150, 0.45); } + color: rgba(145, 148, 148, 0.45); } calendar.button:disabled { - color: rgba(148, 151, 150, 0.45); } + color: rgba(145, 148, 148, 0.45); } calendar.highlight { - color: #949796; } + color: #919494; } calendar.highlight:backdrop { - color: #5d6767; } + color: #566164; } calendar:backdrop { - color: #d5d5d5; - border-color: #1f2222; } + color: #d3d4d5; + border-color: #202425; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -3898,7 +3948,7 @@ messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: #393f3f; + background-color: #33393b; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } @@ -3920,11 +3970,11 @@ -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } filechooser .dialog-action-box:backdrop { - border-top-color: #1f2222; } + border-top-color: #202425; } filechooser #pathbarbox { - border-bottom: 1px solid #393f3f; } + border-bottom: 1px solid #33393b; } filechooserbutton:drop(active) { box-shadow: none; @@ -3935,18 +3985,18 @@ ***********/ .sidebar { border-style: none; - background-color: #313434; } + background-color: #2b3032; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #1c1f1f; + border-right: 1px solid #1b1f20; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #1c1f1f; + border-left: 1px solid #1b1f20; border-right-style: none; } .sidebar:backdrop { - background-color: #333636; - border-color: #1f2222; + background-color: #2c3234; + border-color: #202425; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -3974,13 +4024,13 @@ placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { - color: #949796; } + color: #919494; } placessidebar row:backdrop { - color: #949796; } + color: #919494; } placessidebar row:backdrop:selected { - color: #d5d5d5; } + color: #d3d4d5; } placessidebar row:backdrop:disabled { - color: #5d6767; } + color: #566164; } placessidebar row image.sidebar-icon { opacity: 0.7; } placessidebar row image.sidebar-icon:dir(ltr) { @@ -4038,21 +4088,21 @@ -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#1c1f1f); + background-image: image(#1b1f20); background-size: 1px 1px; } paned > separator:selected { background-image: image(#215d9c); } paned > separator:backdrop { - background-image: image(#1f2222); } + background-image: image(#202425); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #393f3f; - background-image: image(#1c1f1f), image(#1c1f1f); + background-color: #33393b; + background-image: image(#1b1f20), image(#1b1f20); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #393f3f; - background-image: image(#1f2222), image(#1f2222); } + background-color: #33393b; + background-image: image(#202425), image(#202425); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4096,7 +4146,8 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; + border-color: #0f2b48; + border-bottom-color: #06121e; background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -4104,43 +4155,44 @@ infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); + border-color: #0f2b48; + border-bottom-color: #06121e; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #0f2b48; + background-image: image(#1b4e83); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); + border-color: #0f2b48; + background-image: image(#21558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { - color: #91aac5; } + color: #90aac5; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); + border-color: #0f2b48; + background-image: image(#215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b1e33; } + border-color: #0f2b48; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #d3dfeb; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #22558b); + border-color: #0f2b48; + background-image: image(#21558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b1e33; } + border-color: #0f2b48; } infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #6f91b4; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { @@ -4198,30 +4250,30 @@ colorswatch.dark overlay { color: #ffffff; } colorswatch.dark overlay:hover { - border-color: #1c1f1f; } + border-color: #1b1f20; } colorswatch.dark overlay:backdrop { - color: #d5d5d5; } + color: #d3d4d5; } colorswatch.light overlay { color: white; } colorswatch.light overlay:hover { - border-color: #1c1f1f; } + border-color: #1b1f20; } colorswatch.light overlay:backdrop { - color: #d5d5d5; } + color: #d3d4d5; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } colorswatch:drop(active).dark overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #1c1f1f; + border-color: #1b1f20; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } @@ -4230,27 +4282,29 @@ colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); } colorswatch#add-color-button overlay:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #949796; } + color: #919494; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { @@ -4270,11 +4324,11 @@ * Misc * ********/ .content-view { - background-color: #282c2c; } + background-color: #222728; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { - background-color: #282c2c; } + background-color: #222728; } .osd .scale-popup button.flat { border-style: none; @@ -4289,36 +4343,36 @@ decoration { border-radius: 7px 7px 0 0; border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(27, 31, 32, 0.9); margin: 10px; } decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.9); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { - box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } + box-shadow: 0 0 0 1px rgba(27, 31, 32, 0.9); } .csd.popup decoration { border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); } .solid-csd decoration { border-radius: 0; margin: 4px; - background-color: #393f3f; - border: solid 1px #1f2222; + background-color: #33393b; + border: solid 1px #202425; box-shadow: none; } button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); } button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4377,7 +4431,7 @@ entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #d5d5d5; } + color: #d3d4d5; } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, @@ -4386,7 +4440,7 @@ entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #5781ad; } + color: #5681ad; } .monospace { font: Monospace; } @@ -4441,15 +4495,15 @@ padding-left: 6px; padding-right: 6px; color: #eeeeec; - background-color: #292929; + background-color: #232729; border: 1px solid; - border-color: #1c1f1f; + border-color: #1b1f20; border-radius: 5px; - box-shadow: inset 0 -3px #212323; + box-shadow: inset 0 -3px #1e2224; font-size: smaller; } .keycap:backdrop { - background-color: #2c2c2c; - color: #949796; + background-color: #252a2c; + color: #919494; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, @@ -4477,10 +4531,10 @@ @define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #393f3f; +@define-color theme_bg_color #33393b; /* text widgets and the like base background color */ -@define-color theme_base_color #292929; +@define-color theme_base_color #232729; /* base background color of selections */ @define-color theme_selected_bg_color #215d9c; @@ -4489,25 +4543,25 @@ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #333636; +@define-color insensitive_bg_color #2d3234; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #949796; +@define-color insensitive_fg_color #919494; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #232729; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #949796; +@define-color theme_unfocused_fg_color #919494; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #393f3f; +@define-color theme_unfocused_bg_color #33393b; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2c2c2c; +@define-color theme_unfocused_base_color #252a2c; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #215d9c; @@ -4515,11 +4569,14 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #566164; +/* widgets main borders color */ -@define-color borders #1c1f1f; +@define-color borders #1b1f20; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #1f2222; +@define-color unfocused_borders #202425; /* these are pretty self explicative */ @define-color warning_color #f57900; @@ -4529,16 +4586,16 @@ these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #949796; +@define-color wm_unfocused_title #919494; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#393f3f, 1.2); -@define-color wm_bg_b #393f3f; +@define-color wm_bg_a shade(#33393b, 1.2); +@define-color wm_bg_b #33393b; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#393f3f, 1.3); -@define-color wm_button_hover_color_b #393f3f; -@define-color wm_button_active_color_a shade(#393f3f, 0.85); -@define-color wm_button_active_color_b shade(#393f3f, 0.89); -@define-color wm_button_active_color_c shade(#393f3f, 0.9); -@define-color content_view_bg #292929; +@define-color wm_button_hover_color_a shade(#33393b, 1.3); +@define-color wm_button_hover_color_b #33393b; +@define-color wm_button_active_color_a shade(#33393b, 0.85); +@define-color wm_button_active_color_b shade(#33393b, 0.89); +@define-color wm_button_active_color_c shade(#33393b, 0.9); +@define-color content_view_bg #232729;
--- a/gtk-3.20/gtk-contained.css Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/gtk-contained.css Wed Mar 15 20:17:42 2017 +0000 @@ -113,10 +113,10 @@ assistant .sidebar { background-color: #ffffff; - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b6b6b3; } assistant .sidebar:backdrop { background-color: #fcfcfc; - border-color: #a5a5a1; } + border-color: #c0c0bd; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { @@ -128,7 +128,7 @@ .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); text-shadow: 0 1px black; @@ -165,8 +165,8 @@ border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%); + border-color: #b6b6b3; + background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } spinbutton:not(.vertical) image.left, entry image.left { @@ -213,21 +213,21 @@ spinbutton:disabled:not(.vertical), entry:disabled { color: #8b8e8f; - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-color: #f1f1f1; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #fcfcfc); + border-color: #c0c0bd; + background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #c3c3c0; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-color: #f1f1f1; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -272,7 +272,7 @@ entry { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; @@ -281,7 +281,7 @@ entry:focus { color: white; border-color: #4a90d9; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #4a90d9; text-shadow: 0 1px black; @@ -290,16 +290,16 @@ entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -336,17 +336,17 @@ .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #e2e2e0; + border-top-color: #e9e9e8; background-image: linear-gradient(to bottom, #ffffff); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #e2e2e1; + border-top-color: #eaeae9; background-image: linear-gradient(to bottom, #fcfcfc); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #e2e2e0; } + border-top-color: #e9e9e8; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -412,7 +412,8 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b6b6b3; + border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -437,28 +438,29 @@ button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); + border-color: #b6b6b3; + border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; + background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #b6b6b3; + background-image: image(#d9d9d7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -475,8 +477,8 @@ button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #d1d1cf); + border-color: #c0c0bd; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -491,8 +493,8 @@ notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -507,8 +509,8 @@ button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e4e4e4); + border-color: #c0c0bd; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, @@ -528,8 +530,8 @@ -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -540,8 +542,8 @@ notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, @@ -589,7 +591,8 @@ outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -602,7 +605,8 @@ button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -614,7 +618,8 @@ button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -624,9 +629,10 @@ box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -635,7 +641,8 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -646,7 +653,8 @@ button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -656,7 +664,8 @@ button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -669,7 +678,8 @@ button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -678,9 +688,10 @@ popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -689,7 +700,8 @@ button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -709,7 +721,8 @@ button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -717,9 +730,10 @@ outline-color: rgba(238, 238, 236, 0.3); } popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -740,7 +754,8 @@ button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -749,7 +764,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; + border-color: #215d9c; + border-bottom-color: #184472; background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); @@ -766,25 +782,26 @@ button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); + border-color: #215d9c; + border-bottom-color: #184472; text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #276fba, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #215d9c; + background-image: image(#3180d4); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: image(#4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -799,8 +816,8 @@ button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); + border-color: #438cd8; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -811,12 +828,12 @@ button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { - color: #d4e4f4; } + color: #d9e8f7; } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -831,15 +848,15 @@ button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); + border-color: #438cd8; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { - color: #8db9e8; } + color: #85b4e6; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, @@ -852,8 +869,8 @@ -gtk-icon-shadow: none; color: rgba(74, 144, 217, 0.8); } button.suggested-action:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -862,19 +879,20 @@ color: #8b8e8f; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4b8dd3, #5094db); + border-color: #215d9c; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { - color: #b9d4f1; } + color: #b4d1ef; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); + background-color: transparent; + background-image: image(rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -884,7 +902,8 @@ button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); + background-color: transparent; + background-image: image(rgba(74, 144, 217, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -897,7 +916,8 @@ button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #4a90d9); + background-color: transparent; + background-image: image(#4a90d9); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -906,9 +926,10 @@ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -917,7 +938,8 @@ button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); + background-color: transparent; + background-image: image(rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -925,7 +947,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; + border-color: #a60c0c; + border-bottom-color: #760909; background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010); text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); @@ -941,24 +964,25 @@ button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); + border-color: #a60c0c; + border-bottom-color: #760909; text-shadow: 0 -1px rgba(0, 0, 0, 0.51278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #c70f0f, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #a60c0c; + background-image: image(#e81111); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); + background-image: image(#ef2929); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -971,8 +995,8 @@ button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); + border-color: #ee2323; + background-image: image(#ee2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -982,11 +1006,11 @@ button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #f7cfcf; } + color: #fcd3d3; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -999,14 +1023,14 @@ button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); + border-color: #ee2323; + background-image: image(#ee2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #f57979; } + color: #f47070; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1018,8 +1042,8 @@ -gtk-icon-shadow: none; color: rgba(239, 41, 41, 0.8); } button.destructive-action:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1028,19 +1052,20 @@ color: #8b8e8f; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); + border-color: #a60c0c; + background-image: image(#ee2323); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #f9adad; } + color: #f8a7a7; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1050,7 +1075,8 @@ button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1063,7 +1089,8 @@ button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); + background-color: transparent; + background-image: image(#ef2929); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1072,9 +1099,10 @@ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1083,7 +1111,8 @@ button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1150,7 +1179,8 @@ .inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b6b6b3; + border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1158,58 +1188,59 @@ .inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); + border-color: #b6b6b3; + border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } + box-shadow: inset 0 1px white; + background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #b6b6b3; + background-image: image(#d9d9d7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #8b8e8f; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #d1d1cf); + border-color: #c0c0bd; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #c3c3c0; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e4e4e4); + border-color: #c0c0bd; + background-image: image(#d7d7d7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #c3c3c0; } @@ -1420,7 +1451,7 @@ color: #43484a; background-image: none; border-style: none none none solid; - border-color: rgba(157, 157, 153, 0.3); + border-color: rgba(182, 182, 179, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1436,7 +1467,7 @@ spinbutton:not(.vertical) button:backdrop { color: #96999a; background-color: transparent; - border-color: rgba(165, 165, 161, 0.3); + border-color: rgba(192, 192, 189, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(195, 195, 192, 0.3); @@ -1489,7 +1520,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1522,7 +1553,8 @@ .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1531,7 +1563,8 @@ .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1540,16 +1573,18 @@ .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1557,7 +1592,8 @@ .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1597,7 +1633,7 @@ padding: 13px; border: none; border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } + background-color: rgba(28, 31, 32, 0.7); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -1625,12 +1661,12 @@ .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #9d9d99; - background-color: #d2d2d0; } + border-color: #b6b6b3; + background-color: #d9d9d7; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #a5a5a1; - background-color: #d1d1cf; + border-color: #c0c0bd; + background-color: #dadad8; box-shadow: none; transition: 200ms ease-out; } @@ -1643,13 +1679,13 @@ min-height: 46px; border-width: 0 0 1px; border-style: solid; - border-color: #9d9d99; + border-color: #b6b6b3; border-radius: 0; background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #a5a5a1; + border-color: #c0c0bd; background-color: #e8e8e7; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); @@ -1680,7 +1716,8 @@ headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; + border-color: #215d9c; + border-bottom-color: #184472; background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); @@ -1697,26 +1734,27 @@ headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); + border-color: #215d9c; + border-bottom-color: #184472; text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); } .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #276fba, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #215d9c; + background-image: image(#3180d4); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: image(#4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1733,8 +1771,8 @@ headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); + border-color: #438cd8; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1746,12 +1784,12 @@ headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #d4e4f4; } + color: #d9e8f7; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); + background-image: image(#65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1767,8 +1805,8 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); + border-color: #438cd8; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1776,7 +1814,7 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #8db9e8; } + color: #85b4e6; } .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, @@ -1789,8 +1827,8 @@ -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { - border-color: #1c5187; - background-image: linear-gradient(to bottom, #65a1df); + border-color: #215d9c; + background-image: image(#65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1801,20 +1839,21 @@ .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4b8dd3, #5094db); + border-color: #215d9c; + background-image: image(#438cd8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #b9d4f1; } + color: #b4d1ef; } .selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b6b6b3; + border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1824,26 +1863,27 @@ headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); + border-color: #b6b6b3; + border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; + background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); border-color: #184472; } .selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #b6b6b3; + background-image: image(#d9d9d7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; border-color: #184472; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1854,8 +1894,8 @@ color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1866,8 +1906,8 @@ color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1938,7 +1978,7 @@ border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #9d9d99; } + background-color: #b6b6b3; } /************ * Pathbars * @@ -2130,7 +2170,7 @@ margin: 4px; padding: 2px 0px; background-color: #ffffff; - border: 1px solid #9d9d99; } + border: 1px solid #b6b6b3; } .csd menu, .csd .menu, .csd .context-menu { @@ -2250,7 +2290,7 @@ background-color: #e8e8e7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #9d9d99; } + border: 1px solid #b6b6b3; } popover.background:backdrop { background-color: #e8e8e7; box-shadow: none; } @@ -2272,12 +2312,12 @@ *************/ notebook > header { padding: 1px; - border-color: #9d9d99; + border-color: #b6b6b3; border-width: 1px; - background-color: #cececc; } + background-color: #cfcfcd; } notebook > header:backdrop { - border-color: #a5a5a1; - background-color: #d1d1cf; } + border-color: #c0c0bd; + background-color: #dadad8; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2285,7 +2325,7 @@ notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #9d9d99; } + box-shadow: inset 0 -3px #b6b6b3; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2295,7 +2335,7 @@ notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #9d9d99; } + box-shadow: inset 0 3px #b6b6b3; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2305,7 +2345,7 @@ notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #9d9d99; } + box-shadow: inset -3px 0 #b6b6b3; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2315,7 +2355,7 @@ notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #9d9d99; } + box-shadow: inset 3px 0 #b6b6b3; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2375,7 +2415,7 @@ notebook > header tab:hover { color: #5d6163; } notebook > header tab:hover.reorderable-page { - border-color: rgba(157, 157, 153, 0.3); + border-color: rgba(182, 182, 179, 0.3); background-color: rgba(232, 232, 231, 0.2); } notebook > header tab:backdrop { color: #b0b2b2; } @@ -2385,14 +2425,14 @@ notebook > header tab:checked { color: #2e3436; } notebook > header tab:checked.reorderable-page { - border-color: rgba(157, 157, 153, 0.5); + border-color: rgba(182, 182, 179, 0.5); background-color: rgba(232, 232, 231, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(232, 232, 231, 0.7); } notebook > header tab:backdrop:checked { color: #8b8e8f; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #a5a5a1; + border-color: #c0c0bd; background-color: #e8e8e7; } notebook > header tab button.flat { padding: 0; @@ -2459,16 +2499,16 @@ -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #9d9d99; } + border-bottom: 1px solid #b6b6b3; } scrollbar.bottom { - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b6b6b3; } scrollbar.left { - border-right: 1px solid #9d9d99; } + border-right: 1px solid #b6b6b3; } scrollbar.right { - border-left: 1px solid #9d9d99; } + border-left: 1px solid #b6b6b3; } scrollbar:backdrop { background-color: #e1e1df; - border-color: #a5a5a1; + border-color: #c0c0bd; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2593,7 +2633,7 @@ -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #9d9d99; + border-top: 1px solid #b6b6b3; margin-top: -1px; } /********** @@ -2604,10 +2644,10 @@ font-size: smaller; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #9d9d99; + border: 1px solid #b6b6b3; border-radius: 3px; color: #2e3436; - background-image: linear-gradient(to bottom, #cacac8); + background-image: linear-gradient(to bottom, #d4d4d2); text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: white; @@ -2618,15 +2658,15 @@ text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #8b8e8f; - border-color: #9d9d99; + border-color: #b6b6b3; background-image: none; background-color: #f1f1f1; box-shadow: 0 1px transparent; text-shadow: none; } switch:backdrop { color: #8b8e8f; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #d1d1cf); + border-color: #c0c0bd; + background-image: linear-gradient(to bottom, #dadad8); box-shadow: none; text-shadow: none; transition: 200ms ease-out; } @@ -2637,7 +2677,7 @@ box-shadow: none; } switch:disabled { color: #c3c3c0; - border-color: #a5a5a1; + border-color: #c0c0bd; background-image: none; background-color: #f1f1f1; } switch slider { @@ -2649,7 +2689,7 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); @@ -2657,14 +2697,14 @@ switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); - box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #91918c; + box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); } switch:checked slider { border: 1px solid #184472; } switch:disabled slider { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2672,8 +2712,8 @@ color: #8b8e8f; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2682,8 +2722,8 @@ switch:backdrop:checked slider { border-color: #4a90d9; } switch:backdrop:disabled slider { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2695,9 +2735,9 @@ row:selected switch:backdrop { border-color: #184472; } row:selected switch.slider:dir(rtl) { - border-left-color: #9d9d99; } + border-left-color: #b6b6b3; } row:selected switch.slider:dir(ltr) { - border-right-color: #9d9d99; } + border-right-color: #b6b6b3; } row:selected switch.slider:checked, row:selected switch.slider { border-color: #184472; } @@ -2761,7 +2801,7 @@ -gtk-icon-source: none; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); @@ -2773,22 +2813,22 @@ radio:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); - box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #91918c; + box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); } check:active, radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #b6b6b3; + background-image: image(#d9d9d7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } check:disabled, radio:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2798,8 +2838,8 @@ color: #8b8e8f; } check:backdrop, radio:backdrop { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2810,8 +2850,8 @@ color: #8b8e8f; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2826,7 +2866,8 @@ radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2836,7 +2877,8 @@ radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2846,7 +2888,8 @@ radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2856,16 +2899,18 @@ radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2954,16 +2999,16 @@ * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #9d9d99; + border: 1px solid #b6b6b3; border-radius: 3px; - background-color: #cececc; + background-color: #cfcfcd; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #f1f1f1; box-shadow: none; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #d1d1cf; - border-color: #a5a5a1; + background-color: #dadad8; + border-color: #c0c0bd; box-shadow: none; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { @@ -2978,7 +3023,7 @@ box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(53, 57, 58, 0.5); } + background-color: rgba(49, 52, 52, 0.5); } scale highlight, progressbar progress { border: 1px solid #184472; @@ -3029,7 +3074,7 @@ outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill, scale fill:backdrop { - background-color: #9d9d99; + background-color: #b6b6b3; box-shadow: none; } scale fill:disabled, scale fill:disabled:backdrop { border-color: transparent; @@ -3042,26 +3087,26 @@ scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #969691; + border: 1px solid #afafab; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); - box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #91918c; + box-shadow: inset 0 1px white, inset 0 -2px #f4f4f4, inset 0 -1px #cfcfcd, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #fefefe 10%, #f2f2f1 90%); } scale slider:active { border-color: #184472; } scale slider:disabled { - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #b6b6b3; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3069,16 +3114,16 @@ color: #8b8e8f; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop label, scale slider:backdrop { color: #8b8e8f; } scale slider:backdrop:disabled { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); + border-color: #c0c0bd; + background-image: image(#f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3089,18 +3134,20 @@ .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } + background-color: #1c1f20; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3109,16 +3156,18 @@ .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd scale slider:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3126,7 +3175,8 @@ .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3509,7 +3559,7 @@ min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #9d9d99); + background-image: linear-gradient(to top, #b6b6b3); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3628,13 +3678,13 @@ padding: 2px; border-radius: 3px; color: black; - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%); + border-color: #b6b6b3; + background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } levelbar trough:backdrop { color: #323232; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #fcfcfc); + border-color: #c0c0bd; + background-color: #fcfcfc; box-shadow: none; } levelbar.horizontal.discrete block { margin: 0 1px; } @@ -3673,12 +3723,12 @@ *****************/ printdialog paper { color: #2e3436; - border: 1px solid #9d9d99; + border: 1px solid #b6b6b3; background: white; padding: 0; } printdialog paper:backdrop { color: #8b8e8f; - border-color: #a5a5a1; } + border-color: #c0c0bd; } printdialog .dialog-action-box { margin: 12px; } @@ -3691,24 +3741,24 @@ margin: 0; padding: 0; border-radius: 0; - border: 1px solid #9d9d99; } + border: 1px solid #b6b6b3; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #a5a5a1; } + border-color: #c0c0bd; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b6b6b3; } actionbar > revealer > box:backdrop { - border-color: #a5a5a1; } + border-color: #c0c0bd; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3716,7 +3766,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3724,7 +3774,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3732,7 +3782,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3740,7 +3790,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3748,7 +3798,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3756,7 +3806,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#84847f), to(rgba(132, 132, 127, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3764,7 +3814,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a5a5a1), to(rgba(165, 165, 161, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3813,12 +3863,12 @@ box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #9d9d99 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #b6b6b3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #c3c4c4; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #a5a5a1 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #c0c0bd 1px, transparent 1px); background-color: #e1e1df; transition: 200ms ease-out; } @@ -3833,10 +3883,10 @@ list { color: black; background-color: #ffffff; - border-color: #9d9d99; } + border-color: #b6b6b3; } list:backdrop { background-color: #fcfcfc; - border-color: #a5a5a1; } + border-color: #c0c0bd; } list row { padding: 2px; } @@ -3866,7 +3916,7 @@ .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -3896,7 +3946,7 @@ ***********/ calendar { color: black; - border: 1px solid #9d9d99; } + border: 1px solid #b6b6b3; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3917,7 +3967,7 @@ color: #c3c3c0; } calendar:backdrop { color: #323232; - border-color: #a5a5a1; } + border-color: #c0c0bd; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -3949,9 +3999,9 @@ -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #9d9d99; } + border-top: 1px solid #b6b6b3; } filechooser .dialog-action-box:backdrop { - border-top-color: #a5a5a1; } + border-top-color: #c0c0bd; } filechooser #pathbarbox { border-bottom: 1px solid #e8e8e7; } @@ -3966,16 +4016,16 @@ border-style: none; background-color: #f4f4f3; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #9d9d99; + border-right: 1px solid #b6b6b3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #9d9d99; + border-left: 1px solid #b6b6b3; border-right-style: none; } .sidebar:backdrop { background-color: #f2f2f2; - border-color: #a5a5a1; + border-color: #c0c0bd; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4067,21 +4117,21 @@ -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#9d9d99); + background-image: image(#b6b6b3); background-size: 1px 1px; } paned > separator:selected { background-image: image(#4a90d9); } paned > separator:backdrop { - background-image: image(#a5a5a1); } + background-image: image(#c0c0bd); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #e8e8e7; - background-image: image(#9d9d99), image(#9d9d99); + background-image: image(#b6b6b3), image(#b6b6b3); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #e8e8e7; - background-image: image(#a5a5a1), image(#a5a5a1); } + background-image: image(#c0c0bd), image(#c0c0bd); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4125,7 +4175,8 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; + border-color: #215d9c; + border-bottom-color: #184472; background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6); text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); @@ -4133,22 +4184,23 @@ infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); + border-color: #215d9c; + border-bottom-color: #184472; text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #276fba, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #215d9c; + background-image: image(#3180d4); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - border-color: #1c5187; - background-image: linear-gradient(to bottom, #65a1df); + border-color: #215d9c; + background-image: image(#65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4156,20 +4208,20 @@ color: #b2d0ef; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: image(#4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1c5187; } + border-color: #215d9c; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #dbe9f7; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); + background-image: image(#65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1c5187; } + border-color: #215d9c; } infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #9bc2ea; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { @@ -4259,7 +4311,8 @@ colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; + border-color: #b6b6b3; + border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -4267,14 +4320,15 @@ colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); + border-color: #b6b6b3; + border-bottom-color: #91918c; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } + box-shadow: inset 0 1px white; + background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); } colorswatch#add-color-button overlay:backdrop { - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #e8e8e7); + border-color: #c0c0bd; + background-image: image(#e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4342,7 +4396,7 @@ border-radius: 0; margin: 4px; background-color: #e8e8e7; - border: solid 1px #a5a5a1; + border: solid 1px #c0c0bd; box-shadow: none; } button.titlebutton { @@ -4473,7 +4527,7 @@ color: #2e3436; background-color: #ffffff; border: 1px solid; - border-color: #c3c3c0; + border-color: #cfcfcd; border-radius: 5px; box-shadow: inset 0 -3px #ededec; font-size: smaller; } @@ -4545,11 +4599,14 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #c3c3c0; +/* widgets main borders color */ -@define-color borders #9d9d99; +@define-color borders #b6b6b3; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #a5a5a1; +@define-color unfocused_borders #c0c0bd; /* these are pretty self explicative */ @define-color warning_color #f57900;
--- a/gtk-3.20/gtk-dark.css Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/gtk-dark.css Wed Mar 15 20:17:42 2017 +0000 @@ -20,10 +20,10 @@ ***************/ .background { color: #eeeeec; - background-color: #393f3f; } + background-color: #33393b; } .background:backdrop { - color: #949796; - background-color: #393f3f; + color: #919494; + background-color: #33393b; text-shadow: none; -gtk-icon-shadow: none; } @@ -38,16 +38,16 @@ .gtkstyle-fallback { color: #eeeeec; - background-color: #393f3f; } + background-color: #33393b; } .gtkstyle-fallback:hover { color: #eeeeec; - background-color: #515a5a; } + background-color: #4b5356; } .gtkstyle-fallback:active { color: #eeeeec; - background-color: #212424; } + background-color: #1b1f20; } .gtkstyle-fallback:disabled { - color: #949796; - background-color: #333636; } + color: #919494; + background-color: #2d3234; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #5E7F3E; } @@ -57,13 +57,13 @@ iconview text, textview text { color: white; - background-color: #292929; } + background-color: #232729; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #d5d5d5; - background-color: #2c2c2c; } + color: #d3d4d5; + background-color: #252a2c; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -74,7 +74,7 @@ border-radius: 3px; } textview border { - background-color: #313434; } + background-color: #2b3032; } .rubberband, rubberband, @@ -95,16 +95,16 @@ label.separator { color: #eeeeec; } label.separator:backdrop { - color: #949796; } + color: #919494; } label selection { background-color: #5E7F3E; color: #ffffff; } label:disabled { - color: #949796; } + color: #919494; } label:disabled:backdrop { - color: #5d6767; } + color: #566164; } label:backdrop { - color: #949796; } + color: #919494; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { @@ -112,23 +112,23 @@ text-shadow: none; } assistant .sidebar { - background-color: #292929; - border-top: 1px solid #1c1f1f; } + background-color: #232729; + border-top: 1px solid #1b1f20; } assistant .sidebar:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } + background-color: #252a2c; + border-color: #202425; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #5d6262; } + background-color: #585d5e; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); text-shadow: 0 1px black; @@ -165,8 +165,8 @@ border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); + border-color: #1b1f20; + background-color: #232729; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } spinbutton:not(.vertical) image.left, entry image.left { @@ -212,22 +212,22 @@ border-color: #12180c; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + color: #919494; + border-color: #1b1f20; + background-color: #2d3234; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); + color: #d3d4d5; + border-color: #202425; + background-color: #252a2c; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + color: #566164; + border-color: #202425; + background-color: #2d3234; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -253,7 +253,7 @@ background-color: #f57900; } spinbutton:not(.vertical) image, entry image { - color: #c7c7c5; } + color: #c5c6c5; } spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; } @@ -262,7 +262,7 @@ color: #5E7F3E; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #7f8281; } + color: #7b7f7f; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -272,7 +272,7 @@ entry { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; @@ -281,7 +281,7 @@ entry:focus { color: white; border-color: #5E7F3E; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #5E7F3E; text-shadow: 0 1px black; @@ -290,16 +290,16 @@ entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -336,17 +336,17 @@ .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #252626; - background-image: linear-gradient(to bottom, #292929); } + border-top-color: #212526; + background-image: linear-gradient(to bottom, #232729); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #282929; - background-image: linear-gradient(to bottom, #2c2c2c); } + border-top-color: #24282a; + background-image: linear-gradient(to bottom, #252a2c); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #252626; } + border-top-color: #212526; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -385,12 +385,12 @@ border-top-color: #4e9a06; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #292929; + background-color: #232729; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #292929; } + background-color: #232729; } treeview entry.flat:focus, treeview entry:focus { border-color: #5E7F3E; } @@ -412,10 +412,11 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { @@ -437,28 +438,29 @@ button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -469,14 +471,14 @@ button:backdrop.flat, button:backdrop label, button:backdrop { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -487,12 +489,12 @@ button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -501,21 +503,21 @@ button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { - color: #5d6767; } + color: #566164; } notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { - color: #5d6767; } + color: #566164; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, @@ -528,27 +530,27 @@ -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); + border-color: #1b1f20; + background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: #949796; } + color: #919494; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; @@ -577,7 +579,7 @@ border-color: transparent; } row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #949796; } + color: #919494; } button.osd { min-width: 24px; min-height: 32px; @@ -586,7 +588,8 @@ outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -599,7 +602,8 @@ button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -611,7 +615,8 @@ button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -621,9 +626,10 @@ box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -632,7 +638,8 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -643,7 +650,8 @@ button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -653,7 +661,8 @@ button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -666,7 +675,8 @@ button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -675,9 +685,10 @@ popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -686,7 +697,8 @@ button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -706,7 +718,8 @@ button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -714,9 +727,10 @@ outline-color: rgba(238, 238, 236, 0.3); } popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -737,7 +751,8 @@ button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -746,7 +761,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #59783b, #547137 60%, #4f6a34); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -763,25 +779,26 @@ button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #47602f, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #5E7F3E); + border-color: #2b3a1d; + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -796,8 +813,8 @@ button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #455d2d); + border-color: #2b3a1d; + background-image: image(#4b6534); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -808,12 +825,12 @@ button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { - color: #dadfd5; } + color: #dbe0d6; } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -822,21 +839,21 @@ button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { - color: #5d6767; } + color: #566164; } .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #496132); + border-color: #2b3a1d; + background-image: image(#4b6534); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { - color: #89987a; } + color: #8a9b7b; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, @@ -849,29 +866,30 @@ -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); } button.suggested-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled label, button.suggested-action:disabled { - color: #949796; } + color: #919494; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #455b2f, #496132); + border-color: #2b3a1d; + background-image: image(#465e31); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { - color: #b6c0ad; } + color: #b5bfad; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -881,7 +899,8 @@ button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.7)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -894,7 +913,8 @@ button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #5E7F3E); + background-color: transparent; + background-image: image(#5E7F3E); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -903,9 +923,10 @@ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -914,7 +935,8 @@ button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -922,7 +944,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; + border-color: #760909; + border-bottom-color: #470505; background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); @@ -938,24 +961,25 @@ button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); + border-color: #760909; + border-bottom-color: #470505; text-shadow: 0 -1px rgba(0, 0, 0, 0.59278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #760909; + background-image: image(#b90e0e); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #d51010); + border-color: #760909; + background-image: image(#d51010); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -968,8 +992,8 @@ button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a60c0c); + border-color: #760909; + background-image: image(#a71112); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -979,11 +1003,11 @@ button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #edcece; } + color: #edcfd0; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -991,19 +1015,19 @@ button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { - color: #5d6767; } + color: #566164; } button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a41212); + border-color: #760909; + background-image: image(#a71112); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #c46565; } + color: #c66465; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1015,29 +1039,30 @@ -gtk-icon-shadow: none; color: rgba(213, 16, 16, 0.8); } button.destructive-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled label, button.destructive-action:disabled { - color: #949796; } + color: #919494; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #5e0707; - background-image: linear-gradient(to bottom, #9d1111, #a41212); + border-color: #760909; + background-image: image(#9e1011); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #dba0a0; } + color: #d89fa0; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1047,7 +1072,8 @@ button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1060,7 +1086,8 @@ button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #d51010); + background-color: transparent; + background-image: image(#d51010); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1069,9 +1096,10 @@ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1080,7 +1108,8 @@ button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-color: transparent; + background-image: image(rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1129,7 +1158,7 @@ .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#84af5b), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#84af5b), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.82745)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -1147,69 +1176,71 @@ .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #313434, #333636); + border-color: #1b1f20; + background-image: image(#232628); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #949796; } + color: #919494; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #5d6767; } + color: #566164; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #272929); + border-color: #202425; + background-image: image(#272c2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #5d6767; } + color: #566164; } toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > @@ -1304,7 +1335,7 @@ modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { - background-color: #454c4c; } + background-color: #3f4649; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, @@ -1413,7 +1444,7 @@ color: #dadad9; background-image: none; border-style: none none none solid; - border-color: rgba(28, 31, 31, 0.3); + border-color: rgba(27, 31, 32, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1422,17 +1453,17 @@ color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(148, 151, 150, 0.3); } + color: rgba(145, 148, 148, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { - color: #8a8c8b; + color: #86898a; background-color: transparent; - border-color: rgba(31, 34, 34, 0.3); + border-color: rgba(32, 36, 37, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(93, 103, 103, 0.3); + color: rgba(86, 97, 100, 0.3); background-image: none; border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { @@ -1482,7 +1513,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1491,9 +1522,9 @@ .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #949796; } + color: #919494; } spinbutton.vertical:backdrop:disabled { - color: #5d6767; } + color: #566164; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } @@ -1515,7 +1546,8 @@ .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1524,7 +1556,8 @@ .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1533,16 +1566,18 @@ .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1550,7 +1585,8 @@ .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1580,7 +1616,7 @@ .location-bar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #393f3f; } + background-color: #33393b; } toolbar { padding: 4px 3px 3px 4px; } @@ -1590,7 +1626,7 @@ padding: 13px; border: none; border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } + background-color: rgba(28, 31, 32, 0.7); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -1618,12 +1654,12 @@ .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #1c1f1f; - background-color: #303535; } + border-color: #1b1f20; + background-color: #2c3133; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #1f2222; - background-color: #303535; + border-color: #202425; + background-color: #2c3233; box-shadow: none; transition: 200ms ease-out; } @@ -1636,14 +1672,14 @@ min-height: 46px; border-width: 0 0 1px; border-style: solid; - border-color: #1c1f1f; + border-color: #1b1f20; border-radius: 0; - background: #323737 linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px); + background: #2c3133 linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #1f2222; - background-color: #393f3f; + border-color: #202425; + background-color: #33393b; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; } @@ -1673,7 +1709,8 @@ headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #59783b, #547137 60%, #4f6a34); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -1690,26 +1727,27 @@ headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); } .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #47602f, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #5E7F3E); + border-color: #2b3a1d; + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1726,8 +1764,8 @@ headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #455d2d); + border-color: #2b3a1d; + background-image: image(#4b6534); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1739,12 +1777,12 @@ headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #dadfd5; } + color: #dbe0d6; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #56723b); + border-color: #2b3a1d; + background-image: image(#55723b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1760,8 +1798,8 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #496132); + border-color: #2b3a1d; + background-image: image(#4b6534); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1769,7 +1807,7 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #89987a; } + color: #8a9b7b; } .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, @@ -1782,61 +1820,63 @@ -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #56723b); + border-color: #2b3a1d; + background-image: image(#55723b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { - color: #abb99d; } + color: #aab99d; } .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #455b2f, #496132); + border-color: #2b3a1d; + background-image: image(#465e31); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #b6c0ad; } + color: #b5bfad; } .selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1844,11 +1884,11 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { - color: #949796; } + color: #919494; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1856,11 +1896,11 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { - color: #949796; } + color: #919494; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1868,7 +1908,7 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #5d6767; } + color: #566164; } .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { @@ -1931,7 +1971,7 @@ border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #1c1f1f; } + background-color: #1b1f20; } /************ * Pathbars * @@ -1957,8 +1997,8 @@ * Tree Views * **************/ treeview.view { - border-left-color: #8c8c8b; - border-top-color: #393f3f; } + border-left-color: #898b8b; + border-top-color: #33393b; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -1972,21 +2012,21 @@ border-left-color: #afbf9f; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { - color: #949796; } + color: #919494; } treeview.view:disabled:selected { color: #9eb28b; } treeview.view:disabled:selected:backdrop { color: #8ea578; } treeview.view:disabled:backdrop { - color: #5d6767; } + color: #566164; } treeview.view.separator { min-height: 2px; - color: #393f3f; } + color: #33393b; } treeview.view.separator:backdrop { - color: rgba(57, 63, 63, 0.1); } + color: rgba(51, 57, 59, 0.1); } treeview.view:backdrop { - border-left-color: #676b6b; - border-top: #393f3f; } + border-left-color: #626768; + border-top: #33393b; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; @@ -1997,7 +2037,7 @@ border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #b3b3b2; } + color: #b1b2b2; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { @@ -2011,7 +2051,7 @@ treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #757776; } + color: #717475; } treeview.view.progressbar { border: 1px solid #12180c; border-radius: 4px; @@ -2021,12 +2061,12 @@ treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #292929, #101010); } + background-image: linear-gradient(to bottom, #232729, #0c0d0d); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #2c2c2c; - background-color: #2c2c2c; } + border-color: #252a2c; + background-color: #252a2c; } treeview.view.progressbar:backdrop { - border-color: #2c2c2c; + border-color: #252a2c; background-image: none; box-shadow: none; } treeview.view.trough { @@ -2036,13 +2076,13 @@ background-color: #455d2d; border-radius: 4px; } treeview.view header button { - color: #8c8c8b; - background-color: #292929; + color: #898b8b; + background-color: #232729; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #bdbdbc; + color: #bcbdbc; box-shadow: none; transition: none; } treeview.view header button:active { @@ -2059,10 +2099,10 @@ transition: none; background-image: none; background-color: #5E7F3E; - color: #292929; + color: #232729; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #292929; + box-shadow: inset 0 0 0 1px #232729; text-shadow: none; } treeview.view acceleditor > label { background-color: #5E7F3E; } @@ -2073,18 +2113,18 @@ background-image: none; text-shadow: none; border-style: none solid solid none; - border-color: #393f3f; } + border-color: #33393b; } treeview.view header button:disabled { - border-color: #393f3f; + border-color: #33393b; background-image: none; } treeview.view header button:backdrop { - border-color: #393f3f; + border-color: #33393b; border-style: none solid solid none; - color: #676b6b; + color: #626768; background-image: none; - background-color: #2c2c2c; } + background-color: #252a2c; } treeview.view header button:backdrop:disabled { - border-color: #393f3f; + border-color: #33393b; background-image: none; } /********* @@ -2097,7 +2137,7 @@ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } menubar:backdrop, .menubar:backdrop { - background-color: #393f3f; } + background-color: #33393b; } menubar > menuitem, .menubar > menuitem { min-height: 16px; @@ -2108,7 +2148,7 @@ color: #455d2d; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #949796; + color: #919494; box-shadow: none; } menu, @@ -2116,8 +2156,8 @@ .context-menu { margin: 4px; padding: 2px 0px; - background-color: #2c2d2d; - border: 1px solid #1c1f1f; } + background-color: #262b2d; + border: 1px solid #1b1f20; } .csd menu, .csd .menu, .csd .context-menu { @@ -2125,7 +2165,7 @@ menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #2f3030; } + background-color: #282d2f; } menu menuitem, .menu menuitem, .context-menu menuitem { @@ -2141,17 +2181,17 @@ menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #949796; } + color: #919494; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #5d6767; } + color: #566164; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #949796; + color: #919494; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, @@ -2186,28 +2226,28 @@ min-height: 16px; min-width: 16px; padding: 4px; - background-color: #2c2d2d; + background-color: #262b2d; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #3d3d3d; + border-bottom: 1px solid #373b3d; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #3d3d3d; + border-top: 1px solid #373b3d; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #3d3d3d; } + background-color: #373b3d; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #2f3030; } + background-color: #282d2f; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { @@ -2234,12 +2274,12 @@ popover.background { padding: 2px; border-radius: 5px; - background-color: #393f3f; + background-color: #33393b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } popover.background:backdrop { - background-color: #393f3f; + background-color: #33393b; box-shadow: none; } popover.background > list, popover.background > .view, @@ -2259,12 +2299,12 @@ *************/ notebook > header { padding: 1px; - border-color: #1c1f1f; + border-color: #1b1f20; border-width: 1px; - background-color: #2f3434; } + background-color: #272c2e; } notebook > header:backdrop { - border-color: #1f2222; - background-color: #303535; } + border-color: #202425; + background-color: #2c3233; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2272,7 +2312,7 @@ notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #1c1f1f; } + box-shadow: inset 0 -3px #1b1f20; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2282,7 +2322,7 @@ notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #1c1f1f; } + box-shadow: inset 0 3px #1b1f20; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2292,7 +2332,7 @@ notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #1c1f1f; } + box-shadow: inset -3px 0 #1b1f20; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2302,7 +2342,7 @@ notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #1c1f1f; } + box-shadow: inset 3px 0 #1b1f20; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2355,32 +2395,32 @@ min-width: 30px; padding: 3px 12px; outline-offset: -5px; - color: #949796; + color: #919494; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #c1c3c1; } + color: #c0c1c0; } notebook > header tab:hover.reorderable-page { - border-color: rgba(28, 31, 31, 0.3); - background-color: rgba(57, 63, 63, 0.2); } + border-color: rgba(27, 31, 32, 0.3); + background-color: rgba(51, 57, 59, 0.2); } notebook > header tab:backdrop { - color: #707473; } + color: #6b7070; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { - border-color: rgba(28, 31, 31, 0.5); - background-color: rgba(57, 63, 63, 0.5); } + border-color: rgba(27, 31, 32, 0.5); + background-color: rgba(51, 57, 59, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(57, 63, 63, 0.7); } + background-color: rgba(51, 57, 59, 0.7); } notebook > header tab:backdrop:checked { - color: #949796; } + color: #919494; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #1f2222; - background-color: #393f3f; } + border-color: #202425; + background-color: #33393b; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -2432,30 +2472,30 @@ notebook > header.bottom tab { padding-top: 4px; } notebook > stack:not(:only-child) { - background-color: #292929; } + background-color: #232729; } notebook > stack:not(:only-child):backdrop { - background-color: #2c2c2c; } + background-color: #252a2c; } /************** * Scrollbars * **************/ scrollbar { - background-color: #313434; + background-color: #2b3032; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #1c1f1f; } + border-bottom: 1px solid #1b1f20; } scrollbar.bottom { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } scrollbar.left { - border-right: 1px solid #1c1f1f; } + border-right: 1px solid #1b1f20; } scrollbar.right { - border-left: 1px solid #1c1f1f; } + border-left: 1px solid #1b1f20; } scrollbar:backdrop { - background-color: #323737; - border-color: #1f2222; + background-color: #2c3133; + border-color: #202425; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2464,13 +2504,13 @@ border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #a6a8a7; } + background-color: #a3a6a5; } scrollbar slider:hover { - background-color: #cacbc9; } + background-color: #c9cac9; } scrollbar slider:hover:active { background-color: #2a76c6; } scrollbar slider:backdrop { - background-color: #5d6262; } + background-color: #595d5f; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -2529,7 +2569,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a6a8a7; } + color: #a3a6a5; } scrollbar button:hover { border-color: transparent; background-color: transparent; @@ -2537,7 +2577,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #cacbc9; } + color: #c9cac9; } scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; @@ -2553,7 +2593,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(166, 168, 167, 0.2); } + color: rgba(163, 166, 165, 0.2); } scrollbar button:backdrop { border-color: transparent; background-color: transparent; @@ -2561,7 +2601,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #5d6262; } + color: #595d5f; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -2569,7 +2609,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(93, 98, 98, 0.2); } + color: rgba(89, 93, 95, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -2580,7 +2620,7 @@ -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #1c1f1f; + border-top: 1px solid #1b1f20; margin-top: -1px; } /********** @@ -2591,10 +2631,10 @@ font-size: smaller; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; border-radius: 3px; color: #eeeeec; - background-image: linear-gradient(to bottom, #2d3232); + background-image: linear-gradient(to bottom, #292f30); text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: white; @@ -2604,16 +2644,16 @@ box-shadow: 0 1px transparent; text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { - color: #949796; - border-color: #1c1f1f; + color: #919494; + border-color: #1b1f20; background-image: none; - background-color: #333636; + background-color: #2d3234; box-shadow: 0 1px transparent; text-shadow: none; } switch:backdrop { - color: #949796; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #303535); + color: #919494; + border-color: #202425; + background-image: linear-gradient(to bottom, #2c3233); box-shadow: none; text-shadow: none; transition: 200ms ease-out; } @@ -2622,10 +2662,10 @@ background-image: linear-gradient(to bottom, #5E7F3E); box-shadow: none; } switch:disabled { - color: #5d6767; - border-color: #1f2222; + color: #566164; + border-color: #202425; background-image: none; - background-color: #333636; } + background-color: #2d3234; } switch slider { margin: -1px; min-width: 44px; @@ -2635,46 +2675,46 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } switch:checked slider { border: 1px solid #12180c; } switch:disabled slider { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:disabled slider label, switch:disabled slider { - color: #949796; } + color: #919494; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop slider label, switch:backdrop slider { - color: #949796; } + color: #919494; } switch:backdrop:checked slider { border-color: #12180c; } switch:backdrop:disabled slider { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop:disabled slider label, switch:backdrop:disabled slider { - color: #5d6767; } + color: #566164; } /************************* * Check and Radio items * @@ -2736,11 +2776,11 @@ -gtk-icon-source: none; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); } check:only-child, radio:only-child { margin: 0; } @@ -2748,33 +2788,33 @@ radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #232727, #2d3232); - text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #1b1f20; + background-image: image(#25292b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } check:disabled, radio:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } check:disabled label, check:disabled, radio:disabled label, radio:disabled { - color: #949796; } + color: #919494; } check:backdrop, radio:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2782,23 +2822,24 @@ check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { - color: #949796; } + color: #919494; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { - color: #5d6767; } + color: #566164; } .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2808,7 +2849,8 @@ radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2818,7 +2860,8 @@ radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2828,16 +2871,18 @@ radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2912,33 +2957,33 @@ color: #eeeeec; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: #949796; } + color: #919494; } treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { - color: #5d6767; } + color: #566164; } treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { - color: #949796; } + color: #919494; } /************ * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; border-radius: 3px; - background-color: #2f3434; + background-color: #272c2e; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #333636; + background-color: #2d3234; box-shadow: none; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #303535; - border-color: #1f2222; + background-color: #2c3233; + border-color: #202425; box-shadow: none; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { - background-color: #333636; } + background-color: #2d3234; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { box-shadow: none; } row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { @@ -2949,7 +2994,7 @@ box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(53, 57, 58, 0.5); } + background-color: rgba(49, 52, 52, 0.5); } scale highlight, progressbar progress { border: 1px solid #12180c; @@ -3000,7 +3045,7 @@ outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill, scale fill:backdrop { - background-color: #1c1f1f; + background-color: #1b1f20; box-shadow: none; } scale fill:disabled, scale fill:disabled:backdrop { border-color: transparent; @@ -3013,65 +3058,67 @@ scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #151717; + border-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); + border: 1px solid #141717; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #0b0c0c; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2c3133, inset 0 -1px #25292b, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); } scale slider:active { border-color: #12180c; } scale slider:disabled { - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + border-color: #1b1f20; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:disabled label, scale slider:disabled { - color: #949796; } + color: #919494; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop label, scale slider:backdrop { - color: #949796; } + color: #919494; } scale slider:backdrop:disabled { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); + border-color: #202425; + background-image: image(#2d3234); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: #5d6767; } + color: #566164; } row:selected scale slider, row:selected scale slider:disabled { border-color: #12180c; } .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } + background-color: #1c1f20; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3080,16 +3127,18 @@ .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd scale slider:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3097,7 +3146,8 @@ .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3480,7 +3530,7 @@ min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #1c1f1f); + background-image: linear-gradient(to top, #1b1f20); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3599,13 +3649,13 @@ padding: 2px; border-radius: 3px; color: white; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); + border-color: #1b1f20; + background-color: #232729; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } levelbar trough:backdrop { - color: #d5d5d5; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #2c2c2c); + color: #d3d4d5; + border-color: #202425; + background-color: #252a2c; box-shadow: none; } levelbar.horizontal.discrete block { margin: 0 1px; } @@ -3637,19 +3687,19 @@ border-color: rgba(238, 238, 236, 0.1); box-shadow: none; } levelbar block.empty:backdrop { - border-color: rgba(148, 151, 150, 0.15); } + border-color: rgba(145, 148, 148, 0.15); } /**************** * Print dialog * *****************/ printdialog paper { color: #eeeeec; - border: 1px solid #1c1f1f; + border: 1px solid #1b1f20; background: white; padding: 0; } printdialog paper:backdrop { - color: #949796; - border-color: #1f2222; } + color: #919494; + border-color: #202425; } printdialog .dialog-action-box { margin: 12px; } @@ -3662,19 +3712,19 @@ margin: 0; padding: 0; border-radius: 0; - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #1f2222; } + border-color: #202425; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } actionbar > revealer > box:backdrop { - border-color: #1f2222; } + border-color: #202425; } scrolledwindow viewport.frame { border-style: none; } @@ -3687,7 +3737,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3703,7 +3753,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3719,7 +3769,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3735,7 +3785,7 @@ border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3784,13 +3834,13 @@ box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #313434; } + border-image: linear-gradient(to bottom, #1b1f20 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2b3032; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #1f2222 1px, transparent 1px); - background-color: #323737; + border-image-source: linear-gradient(to bottom, #202425 1px, transparent 1px); + background-color: #2c3133; transition: 200ms ease-out; } separator { @@ -3803,11 +3853,11 @@ *********/ list { color: white; - background-color: #292929; - border-color: #1c1f1f; } + background-color: #232729; + border-color: #1b1f20; } list:backdrop { - background-color: #2c2c2c; - border-color: #1f2222; } + background-color: #252a2c; + border-color: #202425; } list row { padding: 2px; } @@ -3837,7 +3887,7 @@ .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -3867,7 +3917,7 @@ ***********/ calendar { color: white; - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3879,16 +3929,16 @@ calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { - color: rgba(148, 151, 150, 0.45); } + color: rgba(145, 148, 148, 0.45); } calendar.button:disabled { - color: rgba(148, 151, 150, 0.45); } + color: rgba(145, 148, 148, 0.45); } calendar.highlight { - color: #949796; } + color: #919494; } calendar.highlight:backdrop { - color: #5d6767; } + color: #566164; } calendar:backdrop { - color: #d5d5d5; - border-color: #1f2222; } + color: #d3d4d5; + border-color: #202425; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -3898,7 +3948,7 @@ messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: #393f3f; + background-color: #33393b; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } @@ -3920,11 +3970,11 @@ -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #1c1f1f; } + border-top: 1px solid #1b1f20; } filechooser .dialog-action-box:backdrop { - border-top-color: #1f2222; } + border-top-color: #202425; } filechooser #pathbarbox { - border-bottom: 1px solid #393f3f; } + border-bottom: 1px solid #33393b; } filechooserbutton:drop(active) { box-shadow: none; @@ -3935,18 +3985,18 @@ ***********/ .sidebar { border-style: none; - background-color: #313434; } + background-color: #2b3032; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #1c1f1f; + border-right: 1px solid #1b1f20; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #1c1f1f; + border-left: 1px solid #1b1f20; border-right-style: none; } .sidebar:backdrop { - background-color: #333636; - border-color: #1f2222; + background-color: #2c3234; + border-color: #202425; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -3974,13 +4024,13 @@ placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { - color: #949796; } + color: #919494; } placessidebar row:backdrop { - color: #949796; } + color: #919494; } placessidebar row:backdrop:selected { color: #ffffff; } placessidebar row:backdrop:disabled { - color: #5d6767; } + color: #566164; } placessidebar row image.sidebar-icon { opacity: 0.7; } placessidebar row image.sidebar-icon:dir(ltr) { @@ -4038,21 +4088,21 @@ -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#1c1f1f); + background-image: image(#1b1f20); background-size: 1px 1px; } paned > separator:selected { background-image: image(#5E7F3E); } paned > separator:backdrop { - background-image: image(#1f2222); } + background-image: image(#202425); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #393f3f; - background-image: image(#1c1f1f), image(#1c1f1f); + background-color: #33393b; + background-image: image(#1b1f20), image(#1b1f20); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #393f3f; - background-image: image(#1f2222), image(#1f2222); } + background-color: #33393b; + background-image: image(#202425), image(#202425); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4096,7 +4146,8 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #59783b, #547137 60%, #4f6a34); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -4104,43 +4155,44 @@ infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #618240, #59783b 60%, #547137); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #47602f, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #56723b); + border-color: #2b3a1d; + background-image: image(#55723b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { - color: #abb99d; } + color: #aab99d; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #5E7F3E); + border-color: #2b3a1d; + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1f2914; } + border-color: #2b3a1d; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #dfe5d8; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #56723b); + border-color: #2b3a1d; + background-image: image(#55723b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1f2914; } + border-color: #2b3a1d; } infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #91a380; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { @@ -4198,30 +4250,30 @@ colorswatch.dark overlay { color: #ffffff; } colorswatch.dark overlay:hover { - border-color: #1c1f1f; } + border-color: #1b1f20; } colorswatch.dark overlay:backdrop { color: #ffffff; } colorswatch.light overlay { color: white; } colorswatch.light overlay:hover { - border-color: #1c1f1f; } + border-color: #1b1f20; } colorswatch.light overlay:backdrop { - color: #d5d5d5; } + color: #d3d4d5; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } colorswatch:drop(active).dark overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #1c1f1f, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #1c1f1f; } + border: 1px solid #1b1f20; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #1c1f1f; + border-color: #1b1f20; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } @@ -4230,27 +4282,29 @@ colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); - text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + border-color: #1b1f20; + border-bottom-color: #0b0c0c; + text-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); } colorswatch#add-color-button overlay:backdrop { - border-color: #1f2222; - background-image: linear-gradient(to bottom, #393f3f); + border-color: #202425; + background-image: image(#33393b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #949796; } + color: #919494; } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { @@ -4270,11 +4324,11 @@ * Misc * ********/ .content-view { - background-color: #282c2c; } + background-color: #222728; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { - background-color: #282c2c; } + background-color: #222728; } .osd .scale-popup button.flat { border-style: none; @@ -4289,36 +4343,36 @@ decoration { border-radius: 7px 7px 0 0; border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(27, 31, 32, 0.9); margin: 10px; } decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.9); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { - box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } + box-shadow: 0 0 0 1px rgba(27, 31, 32, 0.9); } .csd.popup decoration { border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); } .solid-csd decoration { border-radius: 0; margin: 4px; - background-color: #393f3f; - border: solid 1px #1f2222; + background-color: #33393b; + border: solid 1px #202425; box-shadow: none; } button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); } button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4441,15 +4495,15 @@ padding-left: 6px; padding-right: 6px; color: #eeeeec; - background-color: #292929; + background-color: #232729; border: 1px solid; - border-color: #1c1f1f; + border-color: #1b1f20; border-radius: 5px; - box-shadow: inset 0 -3px #212323; + box-shadow: inset 0 -3px #1e2224; font-size: smaller; } .keycap:backdrop { - background-color: #2c2c2c; - color: #949796; + background-color: #252a2c; + color: #919494; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, @@ -4477,10 +4531,10 @@ @define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #393f3f; +@define-color theme_bg_color #33393b; /* text widgets and the like base background color */ -@define-color theme_base_color #292929; +@define-color theme_base_color #232729; /* base background color of selections */ @define-color theme_selected_bg_color #5E7F3E; @@ -4489,25 +4543,25 @@ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #333636; +@define-color insensitive_bg_color #2d3234; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #949796; +@define-color insensitive_fg_color #919494; /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #232729; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #949796; +@define-color theme_unfocused_fg_color #919494; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #393f3f; +@define-color theme_unfocused_bg_color #33393b; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2c2c2c; +@define-color theme_unfocused_base_color #252a2c; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #5E7F3E; @@ -4515,11 +4569,14 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #566164; +/* widgets main borders color */ -@define-color borders #1c1f1f; +@define-color borders #1b1f20; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #1f2222; +@define-color unfocused_borders #202425; /* these are pretty self explicative */ @define-color warning_color #f57900; @@ -4529,16 +4586,16 @@ these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #949796; +@define-color wm_unfocused_title #919494; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#393f3f, 1.2); -@define-color wm_bg_b #393f3f; +@define-color wm_bg_a shade(#33393b, 1.2); +@define-color wm_bg_b #33393b; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#393f3f, 1.3); -@define-color wm_button_hover_color_b #393f3f; -@define-color wm_button_active_color_a shade(#393f3f, 0.85); -@define-color wm_button_active_color_b shade(#393f3f, 0.89); -@define-color wm_button_active_color_c shade(#393f3f, 0.9); -@define-color content_view_bg #292929; +@define-color wm_button_hover_color_a shade(#33393b, 1.3); +@define-color wm_button_hover_color_b #33393b; +@define-color wm_button_active_color_a shade(#33393b, 0.85); +@define-color wm_button_active_color_b shade(#33393b, 0.89); +@define-color wm_button_active_color_c shade(#33393b, 0.9); +@define-color content_view_bg #232729;
--- a/gtk-3.20/gtk.css Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/gtk.css Wed Mar 15 20:17:42 2017 +0000 @@ -128,7 +128,7 @@ .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); text-shadow: 0 1px black; @@ -166,7 +166,7 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a4a4a4, #c4c4c4 2px, #C6C6C6 90%); + background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } spinbutton:not(.vertical) image.left, entry image.left { @@ -214,20 +214,20 @@ entry:disabled { color: #6e6e6e; border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-color: #c6c6c6; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #272727; border-color: #828282; - background-image: linear-gradient(to bottom, #c3c3c3); + background-color: #c3c3c3; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #a0a0a0; border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-color: #c6c6c6; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -272,7 +272,7 @@ entry { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; @@ -281,7 +281,7 @@ entry:focus { color: white; border-color: #5E7F3E; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #5E7F3E; text-shadow: 0 1px black; @@ -290,16 +290,16 @@ entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: rgba(49, 52, 52, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -413,6 +413,7 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; + border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -438,10 +439,11 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); + border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); + background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, button:active, @@ -449,16 +451,16 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + background-image: image(#b7b7b7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -476,7 +478,7 @@ button:backdrop:active, button:backdrop:checked { border-color: #828282; - background-image: linear-gradient(to bottom, #aeaeae); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -492,7 +494,7 @@ button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -508,7 +510,7 @@ button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #828282; - background-image: linear-gradient(to bottom, #b9b9b9); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, @@ -529,7 +531,7 @@ notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -541,7 +543,7 @@ button:disabled:active, button:disabled:checked { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #bebebe, #c6c6c6); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, @@ -589,7 +591,8 @@ outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -602,7 +605,8 @@ button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -614,7 +618,8 @@ button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -624,9 +629,10 @@ box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -635,7 +641,8 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -646,7 +653,8 @@ button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -656,7 +664,8 @@ button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -669,7 +678,8 @@ button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -678,9 +688,10 @@ popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -689,7 +700,8 @@ button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -709,7 +721,8 @@ button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -717,9 +730,10 @@ outline-color: rgba(238, 238, 236, 0.3); } popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -740,7 +754,8 @@ button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -749,7 +764,8 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -766,25 +782,26 @@ button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #3d5228, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #5E7F3E; - background-image: linear-gradient(to bottom, #5E7F3E); + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -799,8 +816,8 @@ button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - border-color: #455d2d; - background-image: linear-gradient(to bottom, #455d2d); + border-color: #5a7043; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -811,12 +828,12 @@ button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { - color: #dadfd5; } + color: #dee2d9; } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -831,15 +848,15 @@ button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - border-color: #617a48; - background-image: linear-gradient(to bottom, #617a48); + border-color: #5a7043; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { - color: #98a988; } + color: #94a285; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, @@ -853,7 +870,7 @@ color: rgba(94, 127, 62, 0.8); } button.suggested-action:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -862,19 +879,20 @@ color: #6e6e6e; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #5a7243, #617a48); + border-color: #2b3a1d; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { - color: #c0cab6; } + color: #bdc6b4; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -884,7 +902,8 @@ button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.7)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -897,7 +916,8 @@ button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #5E7F3E); + background-color: transparent; + background-image: image(#5E7F3E); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -906,9 +926,10 @@ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -917,7 +938,8 @@ button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5)); + background-color: transparent; + background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -925,7 +947,8 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; + border-color: #a60c0c; + border-bottom-color: #760909; background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010); text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); @@ -941,24 +964,25 @@ button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); + border-color: #a60c0c; + border-bottom-color: #760909; text-shadow: 0 -1px rgba(0, 0, 0, 0.51278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #c70f0f, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #a60c0c; + background-image: image(#e81111); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); + background-image: image(#ef2929); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -971,8 +995,8 @@ button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); + border-color: #e51c1c; + background-image: image(#e51c1c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -982,11 +1006,11 @@ button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #f7cfcf; } + color: #fad2d2; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -999,14 +1023,14 @@ button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #e62a2a; - background-image: linear-gradient(to bottom, #e62a2a); + border-color: #e51c1c; + background-image: image(#e51c1c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #ef7575; } + color: #ee6b6b; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1019,7 +1043,7 @@ color: rgba(239, 41, 41, 0.8); } button.destructive-action:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1028,19 +1052,20 @@ color: #6e6e6e; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #dd2727, #e62a2a); + border-color: #a60c0c; + background-image: image(#e51c1c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #f5aaaa; } + color: #f5a4a4; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1050,7 +1075,8 @@ button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1063,7 +1089,8 @@ button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); + background-color: transparent; + background-image: image(#ef2929); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1072,9 +1099,10 @@ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1083,7 +1111,8 @@ button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-color: transparent; + background-image: image(rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1151,6 +1180,7 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; + border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1159,21 +1189,22 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); + border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); + background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + background-image: image(#b7b7b7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1181,13 +1212,13 @@ color: #6e6e6e; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #bebebe, #c6c6c6); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #6e6e6e; } .inline-toolbar toolbutton > button:backdrop { border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1195,13 +1226,13 @@ color: #6e6e6e; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #828282; - background-image: linear-gradient(to bottom, #aeaeae); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e6e6e; } .inline-toolbar toolbutton > button:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1209,7 +1240,7 @@ color: #a0a0a0; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #828282; - background-image: linear-gradient(to bottom, #b9b9b9); + background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #a0a0a0; } @@ -1489,7 +1520,7 @@ box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1522,7 +1553,8 @@ .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1531,7 +1563,8 @@ .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1540,16 +1573,18 @@ .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1557,7 +1592,8 @@ .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1597,7 +1633,7 @@ padding: 13px; border: none; border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } + background-color: rgba(28, 31, 32, 0.7); } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } toolbar.horizontal separator { @@ -1680,7 +1716,8 @@ headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -1697,26 +1734,27 @@ headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #3d5228, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #5E7F3E; - background-image: linear-gradient(to bottom, #5E7F3E); + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1733,8 +1771,8 @@ headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #455d2d; - background-image: linear-gradient(to bottom, #455d2d); + border-color: #5a7043; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1746,12 +1784,12 @@ headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #dadfd5; } + color: #dee2d9; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #6e8a52; - background-image: linear-gradient(to bottom, #6e8a52); + background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1767,8 +1805,8 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #617a48; - background-image: linear-gradient(to bottom, #617a48); + border-color: #5a7043; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1776,7 +1814,7 @@ headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #98a988; } + color: #94a285; } .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, @@ -1789,8 +1827,8 @@ -gtk-icon-shadow: none; } .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #6e8a52); + border-color: #2b3a1d; + background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1801,20 +1839,21 @@ .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #5a7243, #617a48); + border-color: #2b3a1d; + background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #c0cab6; } + color: #bdc6b4; } .selection-mode.titlebar:not(headerbar) button.suggested-action, headerbar.selection-mode button.suggested-action { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; + border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1825,25 +1864,26 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); + border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); + background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + background-image: image(#b7b7b7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; border-color: #12180c; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1855,7 +1895,7 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1867,7 +1907,7 @@ .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2649,7 +2689,7 @@ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; + border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); @@ -2657,14 +2697,14 @@ switch:hover slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } switch:checked slider { border: 1px solid #12180c; } switch:disabled slider { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2673,7 +2713,7 @@ switch:backdrop slider { transition: 200ms ease-out; border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2683,7 +2723,7 @@ border-color: #5E7F3E; } switch:backdrop:disabled slider { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2761,7 +2801,7 @@ -gtk-icon-source: none; color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; + border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); @@ -2773,22 +2813,22 @@ radio:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } check:active, radio:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + background-image: image(#b7b7b7); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } check:disabled, radio:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2799,7 +2839,7 @@ check:backdrop, radio:backdrop { border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2811,7 +2851,7 @@ check:backdrop:disabled, radio:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2826,7 +2866,8 @@ radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2836,7 +2877,8 @@ radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2846,7 +2888,8 @@ radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2856,16 +2899,18 @@ radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd check:disabled, .osd radio:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2978,7 +3023,7 @@ box-shadow: none; outline-color: rgba(238, 238, 236, 0.2); } .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { - background-color: rgba(53, 57, 58, 0.5); } + background-color: rgba(49, 52, 52, 0.5); } scale highlight, progressbar progress { border: 1px solid #12180c; @@ -3042,7 +3087,7 @@ scale slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; + border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); @@ -3054,14 +3099,14 @@ scale slider:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); - border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); } + border-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); } scale slider:active { border-color: #12180c; } scale slider:disabled { border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3070,7 +3115,7 @@ scale slider:backdrop { transition: 200ms ease-out; border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3078,7 +3123,7 @@ color: #6e6e6e; } scale slider:backdrop:disabled { border-color: #828282; - background-image: linear-gradient(to bottom, #c6c6c6); + background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3089,18 +3134,20 @@ .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } + background-color: #1c1f20; } .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3109,16 +3156,18 @@ .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd scale slider:disabled { - color: #878a89; + color: #858786; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3126,7 +3175,8 @@ .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3629,12 +3679,12 @@ border-radius: 3px; color: black; border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #a4a4a4, #c4c4c4 2px, #C6C6C6 90%); + background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } levelbar trough:backdrop { color: #272727; border-color: #828282; - background-image: linear-gradient(to bottom, #c3c3c3); + background-color: #c3c3c3; box-shadow: none; } levelbar.horizontal.discrete block { margin: 0 1px; } @@ -3866,7 +3916,7 @@ .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); + background-color: rgba(28, 31, 32, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, @@ -4125,7 +4175,8 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; + border-color: #2b3a1d; + border-bottom-color: #12180c; background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); @@ -4133,22 +4184,23 @@ infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); + border-color: #2b3a1d; + border-bottom-color: #12180c; text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1f2914; - background-image: linear-gradient(to bottom, #3d5228, #516e36); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } + border-color: #2b3a1d; + background-image: image(#4f6a34); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - border-color: #1f2914; - background-image: linear-gradient(to bottom, #6e8a52); + border-color: #2b3a1d; + background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4156,20 +4208,20 @@ color: #b7c5a9; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { border-color: #5E7F3E; - background-image: linear-gradient(to bottom, #5E7F3E); + background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1f2914; } + border-color: #2b3a1d; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #dfe5d8; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #6e8a52; - background-image: linear-gradient(to bottom, #6e8a52); + background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #1f2914; } + border-color: #2b3a1d; } infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #a1b38f; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { @@ -4260,6 +4312,7 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; + border-bottom-color: #6d6d6d; background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -4268,13 +4321,14 @@ color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; - background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); + border-bottom-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); + background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc); } colorswatch#add-color-button overlay:backdrop { border-color: #828282; - background-image: linear-gradient(to bottom, #C6C6C6); + background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4545,6 +4599,9 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #a0a0a0; +/* widgets main borders color */ @define-color borders #7a7a7a; /* @@ -4717,8 +4774,8 @@ headerbar button:disabled:checked, headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked { - border-color: #171717; - background-image: linear-gradient(to bottom, #545454, #5b5b5b); + border-color: #242424; + background-image: image(#545454); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .titlebar:not(headerbar) button:disabled:active label, .titlebar:not(headerbar) button:disabled:active, .titlebar:not(headerbar) button:disabled:checked label, .titlebar:not(headerbar) button:disabled:checked, .titlebar:not(headerbar) button.suggested-action:disabled:active label, .titlebar:not(headerbar) button.suggested-action:disabled:active, .titlebar:not(headerbar) button.suggested-action:disabled:checked label, .titlebar:not(headerbar) button.suggested-action:disabled:checked, headerbar button:disabled:active label, @@ -4729,7 +4786,7 @@ headerbar button.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked label, headerbar button.suggested-action:disabled:checked { - color: darkgray; } + color: #a6a6a6; } .titlebar:not(headerbar) button:drop(active), headerbar button:drop(active) { color: #4e9a06; @@ -4754,10 +4811,10 @@ color: black; } entry, .linked.vertical > entry, .linked.vertical > entry:first-child, .linked.vertical > entry:last-child, spinbutton:not(.vertical) { - background-image: linear-gradient(to bottom, #bbbbbb, #ececec 2px, #F0F0F0 90%); + background-image: linear-gradient(to bottom, #F0F0F0); background-color: #F0F0F0; } entry:focus, .linked.vertical > entry:focus, .linked.vertical > entry:first-child:focus, .linked.vertical > entry:last-child:focus, spinbutton:not(.vertical):focus { - background-image: linear-gradient(to bottom, #bbbbbb, #ececec 2px, #F0F0F0 90%); } + background-image: linear-gradient(to bottom, #F0F0F0); } entry:disabled, .linked.vertical > entry:disabled, .linked.vertical > entry:first-child:disabled, .linked.vertical > entry:last-child:disabled, spinbutton:not(.vertical):disabled { background-image: linear-gradient(to bottom, #c6c6c6); } entry:backdrop, .linked.vertical > entry:backdrop, .linked.vertical > entry:first-child:backdrop, .linked.vertical > entry:last-child:backdrop, spinbutton:not(.vertical):backdrop { @@ -4766,6 +4823,15 @@ entry:backdrop:disabled, .linked.vertical > entry:backdrop:disabled, .linked.vertical > entry:first-child:backdrop:disabled, .linked.vertical > entry:last-child:backdrop:disabled, spinbutton:not(.vertical):backdrop:disabled { background-image: linear-gradient(to bottom, #c6c6c6); } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + background-image: linear-gradient(to bottom, #F0F0F0); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + background-image: linear-gradient(to bottom, #F0F0F0); } + spinbutton:not(.vertical) button:hover { background-color: rgba(198, 198, 198, 0.4); border-top-color: transparent;
--- a/gtk-3.20/gtk.scss Wed Feb 01 20:16:26 2017 +0000 +++ b/gtk-3.20/gtk.scss Wed Mar 15 20:17:42 2017 +0000 @@ -21,6 +21,7 @@ $selected_bg_color: #5E7F3E; $selected_borders_color: darken($selected_bg_color, 30%); $borders_color: darken($bg_color,30%); +$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%)); $borders_edge: transparentize(lighten($bg_color, 30%), 0.9); $dark_fill: mix($borders_color, $bg_color, 35%); $link_color: darken($selected_bg_color,10%); @@ -313,14 +314,28 @@ color: $fg_color_emphasis; } entry, .linked.vertical > entry, .linked.vertical > entry:first-child, .linked.vertical > entry:last-child, spinbutton:not(.vertical) { - background-image: entry_gradient($text_input_color); + background-image: linear-gradient(to bottom, $text_input_color); background-color: $text_input_color; - &:focus { background-image: entry_gradient($text_input_color); } + &:focus { background-image: linear-gradient(to bottom, $text_input_color); } &:disabled { background-image: linear-gradient(to bottom, $insensitive_bg_color); } &:backdrop { background-image: none; background-color: $backdrop_text_input_color; } &:backdrop:disabled { background-image: linear-gradient(to bottom, $insensitive_bg_color); } } +%entry, +entry { + %entry_basic, & { + } + .linked.vertical > & { + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + background-image: linear-gradient(to bottom, $text_input_color); + &:backdrop { + background-image: linear-gradient(to bottom, $text_input_color); + } + } + } +} spinbutton:not(.vertical) button:hover { background-color: transparentize($bg_color,0.6); border-top-color: transparent;