[gtk] Adwaita: sync with stable styling
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk] Adwaita: sync with stable styling
- Date: Wed, 6 Feb 2019 13:04:40 +0000 (UTC)
commit 8d537379edc8c6f098c1fb6ddfa6543d024cffc6
Author: Jakub Steiner <jimmac gmail com>
Date: Wed Feb 6 13:46:00 2019 +0100
Adwaita: sync with stable styling
- fold over changes in teh stable brnch to get the same look
fixes issue #1656
gtk/theme/Adwaita/_colors.scss | 12 +-
gtk/theme/Adwaita/_common.scss | 121 +++--
gtk/theme/Adwaita/_drawing.scss | 89 +---
gtk/theme/Adwaita/gtk-contained-dark.css | 763 ++++++++++++++++---------------
gtk/theme/Adwaita/gtk-contained.css | 405 ++++++++--------
5 files changed, 706 insertions(+), 684 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss
index ac74eb41b2..25fb77aaa1 100644
--- a/gtk/theme/Adwaita/_colors.scss
+++ b/gtk/theme/Adwaita/_colors.scss
@@ -2,16 +2,16 @@
// it gets @if ed depending on $variant
-$base_color: if($variant == 'light', #ffffff, desaturate(#241f31, 10%));
+$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%));
$text_color: if($variant == 'light', black, white);
-$bg_color: if($variant == 'light', #f6f5f4, desaturate(#3d3846, 10%));
+$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%));
$fg_color: if($variant == 'light', #2e3436, #eeeeec);
$selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 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, 12%), darken($bg_color, 8%));
-$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%));
+$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color,
30%));
+$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%));
+$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%));
$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%));
@@ -66,4 +66,4 @@ $backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%);
-$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color,
$backdrop_base_color, 20%));
\ No newline at end of file
+$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color,
$backdrop_base_color, 20%));
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 1ab26c5e33..ffcc60a75a 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -6,6 +6,9 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$asset_suffix: if($variant=='dark', '-dark', '');
$backdrop_transition: 200ms ease-out;
$button_transition: all 200ms $ease-out-quad;
+$button_radius: 5px;
+$menu_radius: 5px;
+$window_radius: $button_radius + 3;
* {
padding: 0;
@@ -283,11 +286,6 @@ entry {
@extend .dim-label;
}
- undershoot {
- &.left { @include undershoot(left); }
- &.right { @include undershoot(right); }
- }
-
&.flat {
&:focus, &:backdrop, &:disabled, &:backdrop:disabled, & {
min-height: 0;
@@ -528,9 +526,9 @@ button {
min-height: 24px;
min-width: 16px;
- padding: 4px 8px;
+ padding: 4px 9px;
border: 1px solid;
- border-radius: 3px;
+ border-radius: $button_radius;
transition: $button_transition;
@include button(normal);
@@ -593,8 +591,8 @@ button {
&.image-button {
min-width: 24px;
- padding-left: 4px;
- padding-right: 4px;
+ padding-left: 5px;
+ padding-right: 5px;
}
&.text-button {
@@ -635,10 +633,10 @@ button {
// big standalone buttons like in Documents pager
&.osd {
- min-width: 24px;
+ min-width: 26px;
min-height: 32px;
- &.image-button { min-width: 32px; }
+ &.image-button { min-width: 34px; }
color: $osd_fg_color;
border-radius: 5px;
@@ -957,8 +955,8 @@ toolbar.inline-toolbar toolbutton:backdrop {
}
%linked_left {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
+ border-top-left-radius: $button_radius;
+ border-bottom-left-radius: $button_radius;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-style: none;
@@ -967,8 +965,8 @@ toolbar.inline-toolbar toolbutton:backdrop {
%linked_right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
+ border-top-right-radius: $button_radius;
+ border-bottom-right-radius: $button_radius;
border-right-style: solid;
}
@@ -1033,7 +1031,7 @@ modelbutton.flat,
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
- border-radius: 3px;
+ border-radius: $button_radius;
outline-offset: -2px;
@extend %undecorated_button;
@@ -1494,7 +1492,7 @@ headerbar {
border-color: $alt_borders_color;
border-radius: 0;
- @include headerbar_fill;
+ @include headerbar_fill(darken($bg_color, 10%));
&:backdrop {
border-color: $backdrop_borders_color;
@@ -1519,6 +1517,18 @@ headerbar {
@extend .dim-label;
}
+ /* Darken switchbuttons for headerbars. issue #1588 */
+ stackswitcher button:checked,
+ button.toggle:checked {
+
+ background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%)));
+ border-color: darken($borders_color, 3%);
+ border-top-color: darken($borders_color, 8%);
+ &:backdrop {
+ @include button(backdrop-active);
+ }
+ }
+
.selection-mode &,
&.selection-mode {
$_hc: mix($top_hilight,$selected_bg_color, 50%); // hilight color
@@ -1533,6 +1543,11 @@ headerbar {
background-color: $selected_bg_color;
background-image: none;
box-shadow: inset 0 1px mix($top_hilight, $selected_bg_color, 60%);
+
+ label {
+ text-shadow: none;
+ color: $selected_fg_color;
+ }
}
.subtitle:link { @extend *:link:selected; }
@@ -1664,6 +1679,8 @@ headerbar {
}
}
+ separator.titlebutton { opacity: 0; } /* hide the close button separator */
+
.solid-csd & {
&:backdrop, & {
&:dir(rtl), &:dir(ltr) { // specificity bump
@@ -2025,6 +2042,16 @@ menubar,
min-height: 16px;
padding: 4px 8px;
+ // remove padding and rounding from menubar submenus
+ menu {
+ border-radius: 0;
+ padding:0;
+ menu {
+ border-radius: 0;
+ padding:0;
+ }
+ }
+
&:hover { //Seems like it :hover even with keyboard focus
box-shadow: inset 0 -3px $selected_bg_color;
color: $link_color;
@@ -2035,16 +2062,19 @@ menubar,
box-shadow: none;
}
}
+ // remove padding and rounding from menubar submenu decoration
+ .csd.popup decoration {border-radius:0;}
}
menu,
.menu,
.context-menu {
// this is not a good solution, commenting out for now margin: 4px; // See
https://bugzilla.gnome.org/show_bug.cgi?id=591258
- padding: 2px 0px;
+ padding: 4px 0px;
background-color: $menu_color;
border: 1px solid $borders_color; // adds borders in a non composited env
-
+ border-radius: $menu_radius;
+
.csd & { border: none; } // axes borders in a composited env
&:backdrop { background-color: $backdrop_menu_color; }
@@ -2105,12 +2135,16 @@ menu,
&.top {
margin-top: -6px;
border-bottom: 1px solid mix($fg_color, $base_color, 10%);
+ border-top-right-radius: $menu_radius;
+ border-top-left-radius: $menu_radius;
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
}
&.bottom {
margin-bottom: -6px;
border-top: 1px solid mix($fg_color, $base_color, 10%);
+ border-top-right-radius: $menu_radius;
+ border-top-left-radius: $menu_radius;
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}
@@ -2160,7 +2194,7 @@ popover>contents {
}
popover>contents.background {
- border-radius: 5px;
+ border-radius: $menu_radius + 4px;
background-color: $popover_bg_color;
box-shadow: 0 1px 2px transparentize(black, 0.7);
.csd &, & { border: 1px solid $borders_color; }
@@ -2649,7 +2683,7 @@ switch {
// similar to the .scale
border: 1px solid $borders_color;
- border-radius: 3px;
+ border-radius: 14px;
color: $fg_color;
background-color: $dark_fill;
text-shadow: 0 1px transparentize(black, 0.9);
@@ -2692,15 +2726,17 @@ switch {
slider {
margin: -1px;
- min-width: 44px;
- min-height: 26px;
+ min-width: 24px;
+ min-height: 24px;
border: 1px solid;
- border-radius: 3px;
+ border-radius: 50%;
transition: $button_transition;
@include button(normal-alt, $edge: $shadow_color);
}
+ image { color: transparent; } /* only show i / o for the accessible theme */
+
&:hover slider { @include button(hover-alt, $edge: $shadow_color); }
&:checked slider { border: 1px solid $selected_borders_color; }
@@ -3622,16 +3658,6 @@ scrolledwindow {
}
}
- // Overflow indication, works similarly to the overshoot, the size if fixed tho.
- undershoot {
- &.top { @include undershoot(top); }
-
- &.bottom { @include undershoot(bottom); }
-
- &.left { @include undershoot(left); }
-
- &.right { @include undershoot(right); }
- }
junction { // the small square between two scrollbars
border-color: transparent;
@@ -3814,8 +3840,8 @@ messagedialog { // Message Dialog styling
&.csd { // rounded bottom border styling for csd version
&.background {
// bigger radius for better antialiasing
- border-bottom-left-radius: 9px;
- border-bottom-right-radius: 9px;
+ border-bottom-left-radius: $window_radius+1;
+ border-bottom-right-radius: $window_radius+1;
}
.dialog-action-area button {
@@ -4385,7 +4411,7 @@ colorchooser .popover.osd { border-radius: 5px; }
* Window Decorations *
*********************/
decoration {
- border-radius: 7px 7px 0 0;
+ border-radius: $window_radius $window_radius 0 0;
// lamefun trick to get rounded borders regardless of CSD use
border-width: 0px;
@@ -4427,7 +4453,7 @@ decoration {
.ssd & { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows
.csd.popup & {
- border-radius: 0;
+ border-radius: $menu_radius;
box-shadow: 0 1px 2px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1);
}
@@ -4438,7 +4464,7 @@ decoration {
}
messagedialog.csd & {
- border-radius: 7px;
+ border-radius: $window_radius;
box-shadow: 0 1px 2px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1);
}
@@ -4593,6 +4619,23 @@ stackswitcher button.text-button.circular { // FIXME aggregate with buttons
padding: 0;
}
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres-icon {
+-gtk-icon-shadow: 1px 1px rgba(0,0,0,0.3),
+ -1px -1px rgba(0,0,0,0.3),
+ -1px 1px rgba(0,0,0,0.3),
+ 1px -1px rgba(0,0,0,0.3);
+}
+
+/* Drapshadow for large icons */
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 2px 12px rgba(0,0,0,0.2),
+ 0 1px 2px rgba(0,0,0,0.7);
+}
+
/*********
* Emoji *
********/
diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index 95dcbd7e53..fc8e599f9e 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -116,8 +116,8 @@
// buttons
@function _border_color($c, $darker: false) {
- @if $darker == true { @return darken($c, 30%); }
- @else { @return darken($c, 20%); }
+ @if $darker == true { @return darken($c, 20%); }
+ @else { @return darken($c, 10%); }
}
@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) {
@@ -140,10 +140,10 @@
//
@if lightness($c)>95% { @return white; }
@else if lightness($c)>90% { @return transparentize(white, 0.2); }
- @else if lightness($c)>80% { @return transparentize(white, 0.4); }
- @else if lightness($c)>50% { @return transparentize(white, 0.6); }
- @else if lightness($c)>40% { @return transparentize(white, 0.8); }
- @else { @return transparentize(white, 0.95); }
+ @else if lightness($c)>80% { @return transparentize(white, 0.5); }
+ @else if lightness($c)>50% { @return transparentize(white, 0.8); }
+ @else if lightness($c)>40% { @return transparentize(white, 0.9); }
+ @else { @return transparentize(white, 0.98); }
}
@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
@@ -187,6 +187,7 @@
$_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)));
+ $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
@if $t==normal {
//
@@ -196,11 +197,11 @@
outline-color: transparentize($tc, 0.7);
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%) 95%, darken($c, 7%)
1px),
- linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 95%,
darken($c, 6%) 1px)) !global;
+ $button_fill: if($variant == 'light', linear-gradient(to top, darken($c, 4%) 2px, $c),
+ linear-gradient(to top, darken($c,1%) 2px, $c)) !global;
background-image: $button_fill;
@include _button_text_shadow($tc, $c);
- @include _shadows(inset 0 1px $_hilight_color, $_button_edge);
+ @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow);
}
@else if $t==hover {
@@ -212,14 +213,14 @@
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' {
- $button_fill: linear-gradient(to bottom, lighten($c, 6%) , $c 95%, darken($c, 7%) 1px) !global;
+ $button_fill: linear-gradient(to top, $c, lighten($c, 1%) 1px) !global;
@include _button_text_shadow($tc, lighten($c, 6%));
- @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge);
+ @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge, $_button_shadow);
}
@else {
- $button_fill: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 95%, darken($c, 4%) 1px)
!global;
+ $button_fill: linear-gradient(to top, darken($c,1%), lighten($c, 1%) 1px) !global;
@include _button_text_shadow($tc,lighten($c, 6%));
- @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge);
+ @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge, $_button_shadow);
}
background-image: $button_fill;
}
@@ -235,16 +236,12 @@
@if $variant == 'light' {
background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
@include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
- inset 0 -2px lighten($c, 2%),
- inset 0 -1px darken($c, 12%),
- $_button_edge);
+ $_button_edge, $_button_shadow);
}
@else {
background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%);
@include _shadows(inset 0 1px $_hilight_color,
- inset 0 -2px darken($c, 4%),
- inset 0 -1px darken($c, 9%),
- $_button_edge);
+ $_button_edge, $_button_shadow);
}
}
@@ -258,16 +255,12 @@
@if $variant == 'light' {
$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);
+ $_button_edge, $_button_shadow);
}
@else {
$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);
+ $_button_edge, $_button_shadow);
}
background-image: $button_fill;
}
@@ -279,7 +272,7 @@
color: $tc;
outline-color: transparentize($tc, 0.7);
border-color: if($c != $bg_color, _border_color($c), $borders_color);
- $button_fill: image(darken($c, 6%)) !global;
+ $button_fill: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))) !global;
background-image: $button_fill;
@include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge);
@@ -500,9 +493,9 @@
// $hc: top highlight color
// $ov: a background layer for background shorthand (hence no commas!)
//
- $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px);
+ $gradient: linear-gradient(to top, darken($c, 2%), lighten($c, 1%));
- @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
+ @if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); }
@if $ov != none { background: $c $ov, $gradient; }
@else { background: $c $gradient; }
@@ -571,43 +564,3 @@
border: none; //
box-shadow: none; //
}
-
-@mixin undershoot($p) {
-//
-// undershoot
-//
-// $p: position
-//
-// possible $p values:
-// top, bottom, right, left
-//
-
- $_undershoot_color_dark: transparentize(black, 0.8);
- $_undershoot_color_light: transparentize(white, 0.8);
-
- $_gradient_dir: left;
- $_dash_bg_size: 10px 1px;
- $_gradient_repeat: repeat-x;
- $_bg_pos: center $p;
-
- background-color: transparent; // shouldn't be needed, but better to be sure;
-
- @if ($p == left) or ($p == right) {
- $_gradient_dir: top;
- $_dash_bg_size: 1px 10px;
- $_gradient_repeat: repeat-y;
- $_bg_pos: $p center;
- }
-
- background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
- $_undershoot_color_light 50%,
- $_undershoot_color_dark 50%);
-
- padding-#{$p}: 1px;
- background-size: $_dash_bg_size;
- background-repeat: $_gradient_repeat;
- background-origin: content-box;
- background-position: $_bg_pos;
- border: none;
- box-shadow: none;
-}
\ No newline at end of file
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 9acb4d3ec3..cc7c39779b 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -3,9 +3,9 @@
button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible),
scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color:
alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px;
-gtk-outline-radius: 2px; }
/*************** Base States * */
-.background { color: #eeeeec; background-color: #3f3e40; }
+.background { color: #eeeeec; background-color: #353535; }
-.background:backdrop { color: #969696; background-color: #3f3e40; text-shadow: none; -gtk-icon-shadow: none;
}
+.background:backdrop { color: #919190; background-color: #353535; text-shadow: none; -gtk-icon-shadow: none;
}
.normal-icons { -gtk-icon-size: 16px; }
@@ -16,29 +16,29 @@ image.drag-icon { -gtk-icon-size: 32px; }
/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with
care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
*:disabled { -gtk-icon-filter: opacity(0.5); }
-.gtkstyle-fallback { color: #eeeeec; background-color: #3f3e40; }
+.gtkstyle-fallback { color: #eeeeec; background-color: #353535; }
-.gtkstyle-fallback:hover { color: #eeeeec; background-color: #585859; }
+.gtkstyle-fallback:hover { color: #eeeeec; background-color: #4e4e4e; }
-.gtkstyle-fallback:active { color: #eeeeec; background-color: #252526; }
+.gtkstyle-fallback:active { color: #eeeeec; background-color: #1b1b1b; }
-.gtkstyle-fallback:disabled { color: #969696; background-color: #353338; }
+.gtkstyle-fallback:disabled { color: #919190; background-color: #323232; }
.gtkstyle-fallback:selected { color: #ffffff; background-color: #15539e; }
-.view, iconview, .view text, iconview text, textview text { color: white; background-color: #26232d; }
+.view, iconview, .view text, iconview text, textview text { color: white; background-color: #2d2d2d; }
-.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop {
color: #d4d3d6; background-color: #282530; }
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop {
color: #d6d6d6; background-color: #303030; }
-.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview
text:backdrop:disabled, textview text:backdrop:disabled { color: #656466; }
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview
text:backdrop:disabled, textview text:backdrop:disabled { color: #5b5b5b; }
-.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled {
color: #969696; background-color: #353338; }
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled {
color: #919190; background-color: #323232; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus,
iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected,
textview text:selected { border-radius: 3px; }
.view, iconview, textview { outline: none; }
-textview border { background-color: #323136; }
+textview border { background-color: #313131; }
.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.content-view .rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); }
@@ -48,37 +48,37 @@ flowbox flowboxchild:selected { outline-offset: -2px; }
.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
-.content-view .tile:backdrop { background-color: #1c1a22; }
+.content-view .tile:backdrop { background-color: #232323; }
.content-view .tile:active, .content-view .tile:selected { background-color: #15539e; }
-.content-view .tile:disabled { background-color: #353338; }
+.content-view .tile:disabled { background-color: #323232; }
label { caret-color: currentColor; }
label.separator { color: #eeeeec; }
-label.separator:backdrop { color: #969696; }
+label.separator:backdrop { color: #919190; }
label selection { background-color: #15539e; color: #ffffff; }
-label:disabled { color: #969696; }
+label:disabled { color: #919190; }
-label:disabled:backdrop { color: #656466; }
+label:disabled:backdrop { color: #5b5b5b; }
-label:backdrop { color: #969696; }
+label:backdrop { color: #919190; }
.dim-label, label.separator, spinbutton:not(.vertical) placeholder, entry placeholder,
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; }
-assistant .sidebar { background-color: #26232d; border-top: 1px solid #2a2a2b; }
+assistant .sidebar { background-color: #2d2d2d; border-top: 1px solid #1b1b1b; }
-assistant .sidebar:backdrop { background-color: #282530; border-color: #2f2e2f; }
+assistant .sidebar:backdrop { background-color: #303030; border-color: #202020; }
assistant.csd .sidebar { border-top-style: none; }
assistant .sidebar label { padding: 6px 12px; }
-assistant .sidebar label.highlight { background-color: #626162; }
+assistant .sidebar label.highlight { background-color: #5a5a59; }
.csd popover > contents.background.touch-selection, .csd popover > contents.background.magnifier, popover >
contents.background.touch-selection, popover > contents.background.magnifier, .csd popover >
contents.background.osd, popover > contents.background.osd, .app-notification, .app-notification.frame, .osd
.scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(36, 33, 42, 0.7); background-clip:
padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
@@ -94,27 +94,23 @@ spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: 0.5; }
/**************** Text Entries * */
-spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px
solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white;
border-color: #2a2a2b; background-color: #26232d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); }
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px
solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white;
border-color: #1b1b1b; background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); }
spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
-spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box;
background-position: left center; border: none; box-shadow: none; }
-
-spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box;
background-position: right center; border: none; box-shadow: none; }
-
spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical),
spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical),
spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled,
entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent;
border-color: transparent; border-radius: 0; }
-spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #092444;
outline: none; }
+spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #030c17;
outline: none; }
spinbutton:focus:not(.vertical) > placeholder, entry:focus > placeholder { opacity: 0; /* We hide
placeholders on focus */ }
-spinbutton:disabled:not(.vertical), entry:disabled { color: #969696; border-color: #2a2a2b;
background-color: #353338; box-shadow: none; }
+spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b;
background-color: #323232; box-shadow: none; }
-spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d3d6; border-color: #2f2e2f;
background-color: #282530; box-shadow: none; transition: 200ms ease-out; }
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d6d6d6; border-color: #202020;
background-color: #303030; box-shadow: none; transition: 200ms ease-out; }
-spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #656466; border-color:
#2f2e2f; background-color: #353338; box-shadow: none; }
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5b5b5b; border-color:
#202020; background-color: #323232; box-shadow: none; }
spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #1a0000; }
@@ -128,13 +124,13 @@ spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset
spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; }
-spinbutton:not(.vertical) image, entry image { color: #c6c5c6; }
+spinbutton:not(.vertical) image, entry image { color: #c7c7c6; }
spinbutton:not(.vertical) image:hover, entry image:hover { color: #eeeeec; }
spinbutton:not(.vertical) image:active, entry image:active { color: #15539e; }
-spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #807f82; }
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7e7e7d; }
spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
@@ -152,57 +148,57 @@ spinbutton:not(.vertical) progress > trough > progress, entry progress > trough
spinbutton:not(.vertical) progress > trough > progress:backdrop, entry progress > trough > progress:backdrop
{ background-color: transparent; }
-.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical)
spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box >
button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) >
entry:focus + entry { border-left-color: #092444; }
+.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical)
spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box >
button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) >
entry:focus + entry { border-left-color: #030c17; }
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + button,
.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #1a0000; }
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry {
border-left-color: #4e9a06; }
-.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: #27252c; }
+.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: #282828; }
-.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: #2a2830; }
+.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: #2b2b2b; }
-.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:
#27252c; }
+.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:
#282828; }
-.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), .linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #092444; }
+.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), .linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #030c17; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry +
spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry +
entry:focus.error:not(:only-child) { border-top-color: #1a0000; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry
+ spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry +
entry:drop(active):not(:only-child) { border-top-color: #4e9a06; }
-.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical >
spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical >
spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) +
entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical >
entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #092444; }
+.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical >
spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical >
spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) +
entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical >
entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #030c17; }
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical >
spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical >
spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical >
entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button,
.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color:
#1a0000; }
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical >
spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical >
spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical >
entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button,
.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color:
#4e9a06; }
-treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #26232d;
transition-property: color, background; }
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #2d2d2d;
transition-property: color, background; }
-treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #26232d; }
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; }
treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; }
-.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #26232d;
background-color: #8a898d; }
+.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #2d2d2d;
background-color: #8e8e8d; }
:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
-.entry-tag:hover { background-color: #a4a3a6; }
+.entry-tag:hover { background-color: #a7a7a7; }
-:backdrop .entry-tag { color: #282530; background-color: #5f5e63; }
+:backdrop .entry-tag { color: #303030; background-color: #606060; }
-.entry-tag.button { background-color: transparent; color: rgba(38, 35, 45, 0.7); }
+.entry-tag.button { background-color: transparent; color: rgba(45, 45, 45, 0.7); }
-:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8a898d; color: #26232d; }
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8e8e8d; color: #2d2d2d; }
-:not(:backdrop) .entry-tag.button:active { background-color: #8a898d; color: rgba(38, 35, 45, 0.7); }
+:not(:backdrop) .entry-tag.button:active { background-color: #8e8e8d; color: rgba(45, 45, 45, 0.7); }
/*********** Buttons * */
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1f76e1 0%, rgba(31,
118, 225, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #1f76e1 95%, rgba(31, 118, 225, 0)); } }
-notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 8px; border: 1px solid; border-radius: 3px; 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: #2a2a2b; border-bottom-color:
#141314; background-image: linear-gradient(to bottom, #3a393b, #353435 95%, #302f30 1px); text-shadow: 0 -1px
rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255,
255, 255, 0.05); }
+notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 9px; border: 1px solid; border-radius: 5px; 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: #1b1b1b; border-bottom-color:
#070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0,
0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255,
0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
@@ -210,37 +206,37 @@ notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.
notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
-notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; border-bottom-color: #141314; text-shadow: 0
-1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px);
-gtk-icon-filter: brightness(1.2); }
+notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); -gtk-icon-filter: brightness(1.2); }
-notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color:
rgba(238, 238, 236, 0.3); border-color: #2a2a2b; background-image: image(#302f30); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color:
rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #2f2e2f; background-image: image(#3f3e40); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
+notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #202020; background-image: image(#353535); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
-notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop
label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label,
button:backdrop { color: #969696; }
+notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop
label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label,
button:backdrop { color: #919190; }
-notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > 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: #2f2e2f;
background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > 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: #202020;
background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:b
ackdrop.
flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label,
button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #969696; }
+notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:b
ackdrop.
flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label,
button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #919190; }
-notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#2f2e2f; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #656466; }
+notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #5b5b5b; }
-notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > 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: #2f2e2f; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > 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: #202020; background-image: image(#2a2a2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook box > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.titlebutton:backdrop:disabled:active label, notebook box > 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: #656466; }
+notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook box > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.titlebutton:backdrop:disabled:active label, notebook box > 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: #5b5b5b; }
notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box >
header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color:
#969696; }
+notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box >
header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color:
#919190; }
-notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #2a2a2b; background-image: image(#2c2b2d); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #1b1b1b; background-image: image(#252525); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label,
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #969696; }
+notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label,
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #919190; }
-notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 4px; padding-right: 4px; }
+notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
@@ -252,11 +248,11 @@ combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(ac
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; 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: #969696; }
+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: #919190; }
-button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42,
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: none; box-shadow:
none; }
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42,
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: none; box-shadow:
none; }
-button.osd.image-button { min-width: 32px; }
+button.osd.image-button { min-width: 34px; }
button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(66, 61, 76, 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: none; box-shadow: none; }
@@ -286,37 +282,37 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); backgrou
.csd popover > contents.background.touch-selection button.flat:active, .csd popover >
contents.background.magnifier button.flat:active, popover > contents.background.touch-selection
button.flat:active, popover > contents.background.magnifier button.flat:active, .app-notification
button.flat:active, .csd popover > contents.background.touch-selection button.flat:checked, .csd popover >
contents.background.magnifier button.flat:checked, popover > contents.background.touch-selection
button.flat:checked, popover > contents.background.magnifier button.flat:checked, .app-notification
button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: 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); }
-button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444;
border-bottom-color: #030c17; background-image: linear-gradient(to bottom, #144e95, #13498c 95%, #114583
1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71;
border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0
-1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; color: #15539e; }
-button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#092444; border-bottom-color: #030c17; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image:
linear-gradient(to bottom, #1655a2, #144e95 95%, #13498c 1px); }
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#0f3b71; border-bottom-color: #092444; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #155099, #1655a2 1px); }
-button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #092444; background-image: image(#114583); box-shadow: inset 0 1px rgba(255,
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); 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: #092444; background-image: image(#15539e); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop,
button.suggested-action.flat:backdrop { border-color: #0f3b71; background-image: image(#15539e); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop label, button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { color: #d0ddec; }
-.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color:
#092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color:
#0f3b71; background-image: image(#16447c); 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,
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked { color: #d0d9e5; }
+.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,
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked { color: #d0dae5; }
-.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { border-color: #2f2e2f; background-image: image(#353338);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { border-color: #202020; background-image: image(#323232);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode
button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled { color: #656466; }
+.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode
button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled { color: #5b5b5b; }
-.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: #092444; background-image:
image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.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: #0f3b71; background-image:
image(#16447c); 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: #6785aa; }
+.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: #6885aa; }
.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, button.suggested-action.flat:backdrop:disabled { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(21, 83, 158, 0.8); }
-button.suggested-action:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.suggested-action:disabled { border-color: #1b1b1b; background-image: image(#323232); 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: #969696; }
+button.suggested-action:disabled label, button.suggested-action:disabled { color: #919190; }
-button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #092444;
background-image: image(#143e73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #0f3b71;
background-image: image(#143f73); 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: #a1b2c7; }
@@ -330,39 +326,39 @@ button.suggested-action:disabled:active label, button.suggested-action:disabled:
.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color:
transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; box-shadow: none;
text-shadow: none; -gtk-icon-shadow: none; }
-button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e;
border-bottom-color: #2a0507; background-image: linear-gradient(to bottom, #a9141b, #a0131a 95%, #971218
1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.686275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.686275);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015;
border-bottom-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); text-shadow: 0
-1px rgba(0, 0, 0, 0.686275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.686275); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
#b2161d; }
-button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#570b0e; border-bottom-color: #2a0507; text-shadow: 0 -1px rgba(0, 0, 0, 0.638275); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.638275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image:
linear-gradient(to bottom, #b7161d, #a9141b 95%, #a0131a 1px); }
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#851015; border-bottom-color: #570b0e; text-shadow: 0 -1px rgba(0, 0, 0, 0.638275); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.638275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ae151c, #b7161d 1px); }
-button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #570b0e; background-image: image(#971218); box-shadow: inset 0 1px rgba(255,
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #851015; background-image: image(#8a1116); 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: #570b0e;
background-image: image(#b2161d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #851015;
background-image: image(#b2161d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
button.destructive-action:backdrop label, button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { color: #f0d0d2; }
-button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
border-color: #570b0e; background-image: image(#8b151c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
border-color: #851015; background-image: image(#8c161c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked {
color: #e8d0d2; }
-button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: #2f2e2f; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled {
color: #656466; }
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled {
color: #5b5b5b; }
-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: #570b0e; background-image:
image(#8b151c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+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: #851015; background-image:
image(#8c161c); 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: #b4676b; }
+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: #b5686b; }
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: rgba(178, 22, 29, 0.8); }
-button.destructive-action:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:disabled { border-color: #1b1b1b; background-image: image(#323232); 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: #969696; }
+button.destructive-action:disabled label, button.destructive-action:disabled { color: #919190; }
-button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color:
#570b0e; background-image: image(#82141a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color:
#851015; background-image: image(#84151a); 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:
#cda1a3; }
+button.destructive-action:disabled:active label, button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { color:
#cea1a3; }
.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color:
transparent; background-image: image(rgba(178, 22, 29, 0.5)); 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); }
@@ -398,51 +394,51 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background
button.circular label { padding: 0; }
-button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; border-bottom-color: #141314;
background-image: linear-gradient(to bottom, #3a393b, #353435 95%, #302f30 1px); text-shadow: 0 -1px rgba(0,
0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255,
255, 0.05); background-image: linear-gradient(to bottom, #3a393b, #353435 95%, #302f30 1px),
linear-gradient(to top, #141314 25%, #2a2a2b 50%); border-color: transparent; }
+button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to
top, #070707 25%, #1b1b1b 50%); border-color: transparent; }
-button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; border-bottom-color: #141314; text-shadow: 0
-1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px);
background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px), linear-gradient(to top,
#141314 25%, #2a2a2b 50%); border-color: transparent; }
+button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top,
#070707 25%, #1b1b1b 50%); border-color: transparent; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
radial-gradient(farthest-side, #1f76e1 96%, rgba(31, 118, 225, 0)), radial-gradient(farthest-side, rgba(0, 0,
0, 0.802353) 95%, rgba(0, 0, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;
background-position: right 3px, right 2px; }
+.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
radial-gradient(farthest-side, #1f76e1 96%, rgba(31, 118, 225, 0)), radial-gradient(farthest-side, rgba(0, 0,
0, 0.834353) 95%, rgba(0, 0, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;
background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention >
image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention >
image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; }
-.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color:
#2a2a2b; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 95%,
#302f30 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
+.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color:
#1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535);
text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow:
inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
-.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #2a2a2b; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px); }
+.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, #373737 1px); }
-.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; background-image: image(#302f30); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-.inline-toolbar toolbutton > button:disabled { border-color: #2a2a2b; background-image: image(#353338);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:disabled { border-color: #1b1b1b; background-image: image(#323232);
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:
#969696; }
+.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color:
#919190; }
-.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #2a2a2b; background-image: image(#2c2b2d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #1b1b1b; background-image: image(#252525); 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: #969696; }
+.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: #919190; }
-.inline-toolbar toolbutton > button:backdrop { border-color: #2f2e2f; background-image: image(#3f3e40);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop { border-color: #202020; background-image: image(#353535);
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:
#969696; }
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color:
#919190; }
-.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #2f2e2f; background-image: image(#313033); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #202020; background-image: image(#2a2a2a); 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: #969696; }
+.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: #919190; }
-.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #2f2e2f; background-image:
image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #202020; background-image:
image(#323232); 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: #656466; }
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton >
button:backdrop:disabled { color: #5b5b5b; }
-.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { border-color: #2f2e2f; background-image: image(#313033); box-shadow: inset
0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { border-color: #202020; background-image: image(#2a2a2a); 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: #656466; }
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton >
button:backdrop:disabled:checked label { color: #5b5b5b; }
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button,
.inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked >
button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked >
combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; }
-.linked:not(.vertical) > spinbutton:dir(ltr):first-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):first-child, .inline-toolbar button:dir(ltr):first-child, .linked >
button:dir(ltr):first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(ltr),
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat:dir(ltr), combobox.linked
button:dir(ltr):nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box >
button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):last-child:not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):last-child, .inline-toolbar button:dir(rtl):last-child, .linked >
button:dir(rtl):last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl),
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .linked:not(.vertical) >
combobox:last-child > box > button.combo:dir(rtl) { border-top-left-radius: 3px; border-bottom-left-radius:
3px; border-
top-righ
t-radius: 0; border-bottom-right-radius: 0; border-right-style: none; }
+.linked:not(.vertical) > spinbutton:dir(ltr):first-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):first-child, .inline-toolbar button:dir(ltr):first-child, .linked >
button:dir(ltr):first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(ltr),
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat:dir(ltr), combobox.linked
button:dir(ltr):nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box >
button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):last-child:not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):last-child, .inline-toolbar button:dir(rtl):last-child, .linked >
button:dir(rtl):last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl),
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .linked:not(.vertical) >
combobox:last-child > box > button.combo:dir(rtl) { border-top-left-radius: 5px; border-bottom-left-radius:
5px; border-
top-righ
t-radius: 0; border-bottom-right-radius: 0; border-right-style: none; }
-.linked:not(.vertical) > spinbutton:dir(ltr):last-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):last-child, .inline-toolbar button:dir(ltr):last-child, .linked > button:dir(ltr):last-child,
toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(ltr), toolbar.inline-toolbar
toolbutton:backdrop:last-child > button.flat:dir(ltr), combobox.linked button:dir(ltr):nth-child(2),
.linked:not(.vertical) > combobox:last-child > box > button.combo:dir(ltr), .linked:not(.vertical) >
spinbutton:dir(rtl):first-child:not(.vertical), .linked:not(.vertical) > entry:dir(rtl):first-child,
.inline-toolbar button:dir(rtl):first-child, .linked > button:dir(rtl):first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat:dir(rtl), toolbar.inline-toolbar toolbutton:backdrop:first-child >
button.flat:dir(rtl), combobox.linked button:dir(rtl):nth-child(2), .linked:not(.vertical) >
combobox:first-child > box > button.combo:dir(rtl) { border-top-left-radius: 0; bord
er-botto
m-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; }
+.linked:not(.vertical) > spinbutton:dir(ltr):last-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):last-child, .inline-toolbar button:dir(ltr):last-child, .linked > button:dir(ltr):last-child,
toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(ltr), toolbar.inline-toolbar
toolbutton:backdrop:last-child > button.flat:dir(ltr), combobox.linked button:dir(ltr):nth-child(2),
.linked:not(.vertical) > combobox:last-child > box > button.combo:dir(ltr), .linked:not(.vertical) >
spinbutton:dir(rtl):first-child:not(.vertical), .linked:not(.vertical) > entry:dir(rtl):first-child,
.inline-toolbar button:dir(rtl):first-child, .linked > button:dir(rtl):first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat:dir(rtl), toolbar.inline-toolbar toolbutton:backdrop:first-child >
button.flat:dir(rtl), combobox.linked button:dir(rtl):nth-child(2), .linked:not(.vertical) >
combobox:first-child > box > button.combo:dir(rtl) { border-top-left-radius: 0; bord
er-botto
m-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; }
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child,
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child
button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) >
combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; }
@@ -457,9 +453,9 @@ toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutt
modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button, button:link,
button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover,
button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup
button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px
rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/* menu buttons */
-modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px;
border-radius: 3px; outline-offset: -2px; }
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px;
border-radius: 5px; outline-offset: -2px; }
-modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #4c4b4d; }
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #424242; }
modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; }
@@ -475,7 +471,7 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay
/* list buttons */
/* tone down as per new designs, see issue #1473 */
-list row button { border: 1px solid rgba(42, 42, 43, 0.5); }
+list row button { border: 1px solid rgba(27, 27, 27, 0.5); }
/********* Links * */
button:link > label, button:visited > label, *:link, button:link, button:visited { color: #3584e4; }
@@ -509,19 +505,19 @@ spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { min-widt
spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
-spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color:
#dadad9; background-image: none; border-style: none none none solid; border-color: rgba(42, 42, 43, 0.3);
border-radius: 0; box-shadow: none; }
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color:
#dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3);
border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); }
-spinbutton:not(.vertical) button:disabled { color: rgba(150, 150, 150, 0.3); background-color: transparent; }
+spinbutton:not(.vertical) button:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; }
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: #8b8b8c; background-color: transparent; border-color:
rgba(47, 46, 47, 0.3); transition: 200ms ease-out; }
+spinbutton:not(.vertical) button:backdrop { color: #878786; background-color: transparent; border-color:
rgba(32, 32, 32, 0.3); transition: 200ms ease-out; }
-spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(101, 100, 102, 0.3); background-color:
transparent; border-style: none none none solid; }
+spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color:
transparent; border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
@@ -543,9 +539,9 @@ spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
-spinbutton.vertical:disabled { color: #969696; }
+spinbutton.vertical:disabled { color: #919190; }
-spinbutton.vertical:backdrop:disabled { color: #656466; }
+spinbutton.vertical:backdrop:disabled { color: #5b5b5b; }
spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
@@ -577,7 +573,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
combobox:drop(active) { box-shadow: none; }
/************ Toolbars * */
-toolbar, .inline-toolbar, .location-bar, searchbar > revealer > box { padding: 4px; background-color:
#3f3e40; }
+toolbar, .inline-toolbar, .location-bar, searchbar > revealer > box { padding: 4px; background-color:
#353535; }
toolbar { padding: 4px 3px 3px 4px; }
@@ -601,74 +597,82 @@ searchbar { padding: 0px; }
searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
-.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #2a2a2b;
background-color: #39383a; }
+.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #1b1b1b;
background-color: #2d2d2d; }
-.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#2f2e2f; background-color: #39393a; box-shadow: none; transition: 200ms ease-out; }
+.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
-.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #141314; border-radius: 0; background: #373738 linear-gradient(to top, #302f30, #353435
2px, #373738 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #262626,
#2b2b2b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); /* Darken switchbuttons for headerbars. issue
#1588 */ /* hide the close button separator */ }
-.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #2f2e2f; background-color: #3f3e40;
background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; }
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535;
background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); transition: 200ms ease-out; }
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight:
bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px;
padding-right: 12px; }
-.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode
headerbar, headerbar.selection-mode { color: #ffffff; border-color: #092444; text-shadow: 0 -1px rgba(0, 0,
0, 0.5); background: #15539e linear-gradient(to top, #134c90, #155099 2px, #15539e 3px); box-shadow: inset 0
1px rgba(29, 88, 161, 0.535); }
+.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#1e1e1e);
border-color: #141414; border-top-color: #070707; }
+
+.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar)
button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar
button.toggle:checked:backdrop { border-color: #202020; background-image: image(#2a2a2a); box-shadow: inset 0
1px rgba(255, 255, 255, 0); }
+
+.titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher
button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop label,
.titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop
label, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop label,
headerbar button.toggle:checked:backdrop { color: #919190; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode
headerbar, headerbar.selection-mode { color: #ffffff; border-color: #030c17; text-shadow: 0 -1px rgba(0, 0,
0, 0.5); background: #15539e linear-gradient(to top, #185cb0, #1961b9); box-shadow: inset 0 1px rgba(29, 88,
161, 0.535); }
.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar),
.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #15539e;
background-image: none; box-shadow: inset 0 1px rgba(32, 91, 162, 0.442); }
-.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button,
.selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255,
255, 255, 0.3); border-color: #092444; border-bottom-color: #030c17; background-image: linear-gradient(to
bottom, #144e95, #13498c 95%, #114583 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0
-1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar)
label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none;
color: #ffffff; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button,
.selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255,
255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to
top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0,
0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat,
.selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
.selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; border-bottom-color: #030c17; text-shadow: 0
-1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #1655a2, #144e95 95%, #13498c 1px); }
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
.selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0
-1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099,
#1655a2 1px); }
-.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active,
.selection-mode 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: #092444;
background-image: image(#114583); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active,
.selection-mode 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: #0f3b71;
background-image: image(#103e75); 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, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { border-color: #092444; background-image: image(#15539e);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-filter:
none; border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar)
button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { border-color: #0f3b71; background-image: image(#15539e);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-filter:
none; border-color: #030c17; }
.selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop
label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar)
button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar
button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar
button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode
button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode
button:backdrop { color: #d0ddec; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #092444; backg
round-im
age: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #0f3b71; backg
round-im
age: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.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,
.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:activ
e, .sele
ction-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar)
button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode
headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label,
.selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active
label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked
label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode
button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-
mode but
ton:backdrop:checked { color: #d0d9e5; }
+.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,
.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:activ
e, .sele
ction-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar)
button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode
headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label,
.selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active
label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked
label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode
button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-
mode but
ton:backdrop:checked { color: #d0dae5; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled {
border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled {
border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar
button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode
headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode
button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerba
r.select
ion-mode button:backdrop:disabled { color: #698bb5; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar
button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode
headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode
button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerba
r.select
ion-mode button:backdrop:disabled { color: #6a8bb5; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar
button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked, he
aderbar.
selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #092444; background-image: image(#15437c); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar
button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked, he
aderbar.
selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #030c17; }
-.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, .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, .selection-mode headerbar button:backdrop.flat:disabled:active label,
.selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar
button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:ac
tive lab
el, 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: #6785aa; }
+.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, .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, .selection-mode headerbar button:backdrop.flat:disabled:active label,
.selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar
button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:ac
tive lab
el, 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: #6885aa; }
.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,
.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, .selection-mode
headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar
button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode
button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar)
button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled {
border-color: #092444; background-image: image(#184c8d); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar)
button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled {
border-color: #0f3b71; background-image: image(#194d8d); 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, .selection-mode.titlebar:not(headerbar) button:disabled label,
.selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled label,
.selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled { color: #8ca6c6; }
-.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar)
button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active,
.selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar
button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode
button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #092444;
background-image: image(#143e73); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar)
button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active,
.selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar
button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode
button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #0f3b71;
background-image: image(#143f73); 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,
.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, .selection-mode headerbar
button:disabled:active label, .selection-mode headerbar button:disabled:active, .selection-mode headerbar
button:disabled:checked label, .selection-mode 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: #a1b2c7; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar)
button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode
button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b;
border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b, #353435 95%, #302f30
1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar)
button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode
button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b;
border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0
-1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:hover,
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar
button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; border-bottom-color: #141314; text-shadow: 0
-1px rgba(0, 0, 0, 0.754353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px);
border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover,
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar
button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:active,
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar
button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b; background-image: image(#302f30); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active,
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar
button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar
button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color:
#2a2a2b; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar
button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color:
#1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label,
.selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode
button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color:
#969696; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label,
.selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode
button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color:
#919190; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar
button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color:
#2f2e2f; background-image: image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar
button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color:
#202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label,
.selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode
button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color:
#969696; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label,
.selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode
button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color:
#919190; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
{ border-color: #2f2e2f; background-image: image(#353338); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
{ border-color: #202020; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled label, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #656466; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled label, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #5b5b5b; }
.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar)
.selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
.selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop,
.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu { border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83,
158, 0); background-image: none; box-shadow: none; padding-left: 10px; padding-right: 10px; }
@@ -680,6 +684,8 @@ searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration
button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd
.titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd
.titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left:
-1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top:
6px; margin-bottom: 6px; }
@@ -698,9 +704,9 @@ window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack header
window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none;
border-style: none; border-color: transparent; box-shadow: none; }
-.titlebar:not(headerbar) separator { background-color: #2a2a2b; }
+.titlebar:not(headerbar) separator { background-color: #1b1b1b; }
-window.devel headerbar.titlebar:not(.selection-mode) { background: transparent
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #3b4049 8%,
#3f3e40 25%); color: rgba(238, 238, 236, 0.1); }
+window.devel headerbar.titlebar:not(.selection-mode) { background: transparent
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #32383f 8%,
#353535 25%); color: rgba(238, 238, 236, 0.1); }
window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; }
@@ -718,33 +724,33 @@ window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; }
.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
/************** Tree Views * */
-treeview.view { border-left-color: #8a898d; border-top-color: #3f3e40; }
+treeview.view { border-left-color: #8e8e8d; border-top-color: #353535; }
treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #8aa9ce; border-top-color:
rgba(238, 238, 236, 0.1); }
-treeview.view:disabled { color: #969696; }
+treeview.view:disabled { color: #919190; }
treeview.view:disabled:selected { color: #7398c5; }
-treeview.view:disabled:selected:backdrop { color: #4e79af; }
+treeview.view:disabled:selected:backdrop { color: #4f7aaf; }
-treeview.view:disabled:backdrop { color: #656466; }
+treeview.view:disabled:backdrop { color: #5b5b5b; }
-treeview.view.separator { min-height: 2px; color: #3f3e40; }
+treeview.view.separator { min-height: 2px; color: #353535; }
-treeview.view.separator:backdrop { color: rgba(63, 62, 64, 0.1); }
+treeview.view.separator:backdrop { color: rgba(53, 53, 53, 0.1); }
-treeview.view:backdrop { border-left-color: #6a6a6b; border-top: #3f3e40; }
+treeview.view:backdrop { border-left-color: #636362; border-top: #353535; }
-treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #092444; }
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; }
treeview.view:drop(active).after { border-top-style: none; }
treeview.view:drop(active).before { border-bottom-style: none; }
-treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source:
-gtk-icontheme("pan-end-symbolic"); color: #bebdc0; }
+treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source:
-gtk-icontheme("pan-end-symbolic"); color: silver; }
treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
@@ -754,70 +760,76 @@ treeview.view.expander:selected { color: #b9cbe2; }
treeview.view.expander:selected:hover { color: #ffffff; }
-treeview.view.expander:selected:backdrop { color: #9badc5; }
+treeview.view.expander:selected:backdrop { color: #9cafc5; }
treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-treeview.view.expander:backdrop { color: #757477; }
+treeview.view.expander:backdrop { color: #747473; }
-treeview.view.progressbar { border: 1px solid #092444; border-radius: 4px; background-color: #15539e;
background-image: linear-gradient(to bottom, #15539e, #0f3b71); box-shadow: inset 0 1px rgba(255, 255, 255,
0.15), 0 1px rgba(0, 0, 0, 0.1); }
+treeview.view.progressbar { border: 1px solid #030c17; border-radius: 4px; background-color: #15539e;
background-image: linear-gradient(to bottom, #15539e, #0f3b71); box-shadow: inset 0 1px rgba(255, 255, 255,
0.15), 0 1px rgba(0, 0, 0, 0.1); }
-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, #26232d,
#0e0d10); }
+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, #2d2d2d,
#141414); }
-treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
border-color: #282530; background-color: #282530; }
+treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
border-color: #303030; background-color: #303030; }
-treeview.view.progressbar:backdrop { border-color: #282530; background-image: none; box-shadow: none; }
+treeview.view.progressbar:backdrop { border-color: #303030; background-image: none; box-shadow: none; }
treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); border-radius: 4px; }
treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71;
border-radius: 4px; }
-treeview.view header button { color: #8a898d; background-color: #26232d; font-weight: bold; text-shadow:
none; box-shadow: none; }
+treeview.view header button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow:
none; box-shadow: none; }
-treeview.view header button:hover { color: #bcbcbd; box-shadow: none; transition: none; }
+treeview.view header button:hover { color: #bebebd; box-shadow: none; transition: none; }
treeview.view header button:active { color: #eeeeec; transition: none; }
-treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover,
treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #26232d;
background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0
0 0 1px #26232d; text-shadow: none; transition: none; }
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover,
treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #2d2d2d;
background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0
0 0 1px #2d2d2d; text-shadow: none; transition: none; }
treeview.view acceleditor > label { background-color: #15539e; }
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #3f3e40;
border-radius: 0; text-shadow: none; }
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #353535;
border-radius: 0; text-shadow: none; }
-treeview.view header button:disabled { border-color: #3f3e40; background-image: none; }
+treeview.view header button:disabled { border-color: #353535; background-image: none; }
-treeview.view header button:backdrop { color: #6a6a6b; border-color: #3f3e40; border-style: none solid solid
none; background-image: none; background-color: #282530; }
+treeview.view header button:backdrop { color: #636362; border-color: #353535; border-style: none solid solid
none; background-image: none; background-color: #303030; }
-treeview.view header button:backdrop:disabled { border-color: #3f3e40; background-image: none; }
+treeview.view header button:backdrop:disabled { border-color: #353535; background-image: none; }
treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
border-right-style: none; }
/********* Menus * */
menubar, .menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
-menubar:backdrop, .menubar:backdrop { background-color: #3f3e40; }
+menubar:backdrop, .menubar:backdrop { background-color: #353535; }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
+menubar > menuitem menu, .menubar > menuitem menu { border-radius: 0; padding: 0; }
+
+menubar > menuitem menu menu, .menubar > menuitem menu menu { border-radius: 0; padding: 0; }
+
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #15539e; color: #3584e4; }
-menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #969696; box-shadow: none; }
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #919190; box-shadow: none; }
-menu, .menu, .context-menu { padding: 2px 0px; background-color: #2b2831; border: 1px solid #2a2a2b; }
+menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
+
+menu, .menu, .context-menu { padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b;
border-radius: 5px; }
.csd menu, .csd .menu, .csd .context-menu { border: none; }
-menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #2d2a33; }
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #313131; }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px;
text-shadow: none; }
menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color:
#15539e; }
-menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #969696; }
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #919190; }
-menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop
{ color: #656466; }
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop
{ color: #5b5b5b; }
-menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu
menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color:
#969696; background-color: transparent; }
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu
menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color:
#919190; background-color: transparent; }
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px;
}
@@ -827,15 +839,15 @@ menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menui
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem
label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color:
inherit; }
-menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color:
transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #2b2831;
border-radius: 0; }
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color:
transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #2f2f2f;
border-radius: 0; }
-menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid
#3a3740; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid
#404040; border-top-right-radius: 5px; border-top-left-radius: 5px; -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 #3a3740; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top:
1px solid #404040; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source:
-gtk-icontheme("pan-down-symbolic"); }
-menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3a3740; }
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #404040; }
-menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #2d2a33; }
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #313131; }
menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent;
background-color: transparent; border-color: transparent; }
@@ -848,17 +860,17 @@ menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
/*************** Popovers * */
-popover > arrow { background-color: #3f3e40; border: 1px solid #2a2a2b; }
+popover > arrow { background-color: #353535; border: 1px solid #1b1b1b; }
popover > contents.menu { padding: 8px; background-color: white; margin: 0px; }
popover > contents { padding: 2px; margin: 0px; }
-popover > contents.background { border-radius: 5px; background-color: #3f3e40; box-shadow: 0 1px 2px rgba(0,
0, 0, 0.3); }
+popover > contents.background { border-radius: 9px; background-color: #353535; box-shadow: 0 1px 2px rgba(0,
0, 0, 0.3); }
-.csd popover > contents.background, popover > contents.background { border: 1px solid #2a2a2b; }
+.csd popover > contents.background, popover > contents.background { border: 1px solid #1b1b1b; }
-popover > contents.background:backdrop { background-color: #3f3e40; box-shadow: none; }
+popover > contents.background:backdrop { background-color: #353535; box-shadow: none; }
popover > contents.background > list, popover > contents.background > .view, popover > contents.background >
iconview, popover > contents.background > toolbar { border-style: none; background-color: transparent; }
@@ -869,9 +881,9 @@ popover > contents.background separator { margin: 3px; }
popover > contents.background list separator { margin: 0px; }
/************* Notebooks * */
-notebook box > header { padding: 1px; border-color: #2a2a2b; border-width: 1px; background-color: #353435; }
+notebook box > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; }
-notebook box > header:backdrop { border-color: #2f2e2f; background-color: #39393a; }
+notebook box > header:backdrop { border-color: #202020; background-color: #2e2e2e; }
notebook box > header tabs { margin: -1px; }
@@ -879,7 +891,7 @@ notebook box > header.top { border-bottom-style: solid; }
notebook box > header.top > tabs { margin-bottom: -2px; }
-notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #2a2a2b; }
+notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #1b1b1b; }
notebook box > header.top > tabs > tab:backdrop { box-shadow: none; }
@@ -889,7 +901,7 @@ notebook box > header.bottom { border-top-style: solid; }
notebook box > header.bottom > tabs { margin-top: -2px; }
-notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #2a2a2b; }
+notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #1b1b1b; }
notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; }
@@ -899,7 +911,7 @@ notebook box > header.left { border-right-style: solid; }
notebook box > header.left > tabs { margin-right: -2px; }
-notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #2a2a2b; }
+notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #1b1b1b; }
notebook box > header.left > tabs > tab:backdrop { box-shadow: none; }
@@ -909,7 +921,7 @@ notebook box > header.right { border-left-style: solid; }
notebook box > header.right > tabs { margin-left: -2px; }
-notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #2a2a2b; }
+notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #1b1b1b; }
notebook box > header.right > tabs > tab:backdrop { box-shadow: none; }
@@ -941,25 +953,25 @@ notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { backgro
notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; }
-notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px;
color: #969696; font-weight: bold; border-width: 1px; border-color: transparent; }
+notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px;
color: #919190; font-weight: bold; border-width: 1px; border-color: transparent; }
-notebook box > header tab:hover { color: #c2c2c1; }
+notebook box > header tab:hover { color: #c0c0be; }
-notebook box > header tab:hover.reorderable-page { border-color: rgba(42, 42, 43, 0.3); background-color:
rgba(63, 62, 64, 0.2); }
+notebook box > header tab:hover.reorderable-page { border-color: rgba(27, 27, 27, 0.3); background-color:
rgba(53, 53, 53, 0.2); }
-notebook box > header tab:backdrop { color: #737373; }
+notebook box > header tab:backdrop { color: #6c6c6c; }
notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color:
transparent; }
notebook box > header tab:checked { color: #eeeeec; }
-notebook box > header tab:checked.reorderable-page { border-color: rgba(42, 42, 43, 0.5); background-color:
rgba(63, 62, 64, 0.5); }
+notebook box > header tab:checked.reorderable-page { border-color: rgba(27, 27, 27, 0.5); background-color:
rgba(53, 53, 53, 0.5); }
-notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(63, 62, 64, 0.7); }
+notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(53, 53, 53, 0.7); }
-notebook box > header tab:backdrop:checked { color: #969696; }
+notebook box > header tab:backdrop:checked { color: #919190; }
-notebook box > header tab:backdrop:checked.reorderable-page { border-color: #2f2e2f; background-color:
#3f3e40; }
+notebook box > header tab:backdrop:checked.reorderable-page { border-color: #202020; background-color:
#353535; }
notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
@@ -999,30 +1011,30 @@ notebook box > header.top tab { padding-bottom: 4px; }
notebook box > header.bottom tab { padding-top: 4px; }
-notebook box > stack:not(:only-child) { background-color: #26232d; }
+notebook box > stack:not(:only-child) { background-color: #2d2d2d; }
-notebook box > stack:not(:only-child):backdrop { background-color: #282530; }
+notebook box > stack:not(:only-child):backdrop { background-color: #303030; }
/************** Scrollbars * */
-scrollbar { background-color: #323136; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+scrollbar { background-color: #313131; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-scrollbar.top { border-bottom: 1px solid #2a2a2b; }
+scrollbar.top { border-bottom: 1px solid #1b1b1b; }
-scrollbar.bottom { border-top: 1px solid #2a2a2b; }
+scrollbar.bottom { border-top: 1px solid #1b1b1b; }
-scrollbar.left { border-right: 1px solid #2a2a2b; }
+scrollbar.left { border-right: 1px solid #1b1b1b; }
-scrollbar.right { border-left: 1px solid #2a2a2b; }
+scrollbar.right { border-left: 1px solid #1b1b1b; }
-scrollbar:backdrop { background-color: #373738; border-color: #2f2e2f; transition: 200ms ease-out; }
+scrollbar:backdrop { background-color: #2d2d2d; border-color: #202020; transition: 200ms ease-out; }
-scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent;
border-radius: 8px; background-clip: padding-box; background-color: #a8a8a7; }
+scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent;
border-radius: 8px; background-clip: padding-box; background-color: #a4a4a3; }
-scrollbar slider:hover { background-color: #cbcbca; }
+scrollbar slider:hover { background-color: #c9c9c7; }
scrollbar slider:hover:active { background-color: #1b6acb; }
-scrollbar slider:backdrop { background-color: #626162; }
+scrollbar slider:backdrop { background-color: #5a5a59; }
scrollbar slider:disabled { background-color: transparent; }
@@ -1052,17 +1064,17 @@ scrollbar.horizontal slider { min-width: 40px; }
scrollbar.vertical slider { min-height: 40px; }
-scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0;
transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: #a8a8a7; }
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0;
transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: #a4a4a3; }
-scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #cbcbca; }
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #c9c9c7; }
scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color:
transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; color: #1b6acb; }
-scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
rgba(168, 168, 167, 0.2); }
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
rgba(164, 164, 163, 0.2); }
-scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
#626162; }
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
#5a5a59; }
-scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: rgba(98, 97, 98, 0.2); }
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: rgba(90, 90, 89, 0.2); }
scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
@@ -1072,40 +1084,42 @@ scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-sym
scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
-treeview ~ scrollbar.vertical { border-top: 1px solid #2a2a2b; margin-top: -1px; }
+treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; }
/********** Switch * */
-switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #2a2a2b;
border-radius: 3px; color: #eeeeec; background-color: #353435; text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #1b1b1b;
border-radius: 14px; color: #eeeeec; background-color: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /*
only show i / o for the accessible theme */ }
+
+switch:checked { color: #ffffff; border-color: #030c17; background-color: #15539e; text-shadow: 0 1px
rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
-switch:checked { color: #ffffff; border-color: #092444; background-color: #15539e; text-shadow: 0 1px
rgba(9, 36, 68, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; }
-switch:disabled { color: #969696; border-color: #2a2a2b; background-color: #353338; text-shadow: none; }
+switch:backdrop { color: #919190; border-color: #202020; background-color: #2e2e2e; text-shadow: none;
transition: 200ms ease-out; }
-switch:backdrop { color: #969696; border-color: #2f2e2f; background-color: #39393a; text-shadow: none;
transition: 200ms ease-out; }
+switch:backdrop:checked { border-color: #030c17; background-color: #15539e; }
-switch:backdrop:checked { border-color: #092444; background-color: #15539e; }
+switch:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; }
-switch:backdrop:disabled { color: #656466; border-color: #2f2e2f; background-color: #353338; }
+switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%;
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: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.834353); background-image: linear-gradient(to bottom, #2d2d2d 20%, #262626 90%); box-shadow:
inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
-switch slider { margin: -1px; min-width: 44px; min-height: 26px; border: 1px solid; border-radius: 3px;
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: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to bottom, #373738 20%, #302f30 90%); box-shadow:
inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #353435, inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); }
+switch image { color: transparent; }
-switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0,
0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); }
+switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); }
-switch:checked slider { border: 1px solid #092444; }
+switch:checked slider { border: 1px solid #030c17; }
-switch:disabled slider { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:disabled slider { border-color: #1b1b1b; background-image: image(#323232); 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: #969696; }
+switch:disabled slider label, switch:disabled slider { color: #919190; }
-switch:backdrop slider { transition: 200ms ease-out; border-color: #2f2e2f; background-image:
image(#3f3e40); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:backdrop slider { transition: 200ms ease-out; border-color: #202020; background-image:
image(#353535); 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: #969696; }
+switch:backdrop slider label, switch:backdrop slider { color: #919190; }
-switch:backdrop:checked slider { border-color: #092444; }
+switch:backdrop:checked slider { border-color: #030c17; }
-switch:backdrop:disabled slider { border-color: #2f2e2f; background-image: image(#353338); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:backdrop:disabled slider { border-color: #202020; background-image: image(#323232); 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: #656466; }
+switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #5b5b5b; }
/************************* Check and Radio items * */
.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source:
-gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode 2 png"));
background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none;
box-shadow: none; border-width: 0; }
@@ -1130,7 +1144,7 @@ checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-but
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button
label:not(:only-child):last-child { margin-right: 4px; }
-check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none;
color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; text-shadow: 0 -1px rgba(0,
0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image: linear-gradient(to
bottom, #373738 20%, #302f30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #353435,
inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); }
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none;
color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; text-shadow: 0 -1px rgba(0,
0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); background-image: linear-gradient(to
bottom, #2d2d2d 20%, #262626 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0,
0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
check:only-child, radio:only-child { margin: 0; }
@@ -1138,21 +1152,21 @@ popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margi
popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
-check:hover, radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0,
0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); }
+check:hover, radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); }
-check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2a2a2b;
background-image: image(#302f30); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b;
background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
-check:disabled, radio:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+check:disabled, radio:disabled { border-color: #1b1b1b; background-image: image(#323232); 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: #969696; }
+check:disabled label, check:disabled, radio:disabled label, radio:disabled { color: #919190; }
-check:backdrop, radio:backdrop { border-color: #2f2e2f; background-image: image(#3f3e40); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; }
+check:backdrop, radio:backdrop { border-color: #202020; background-image: image(#353535); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; }
-check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #969696; }
+check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #919190; }
-check:backdrop:disabled, radio:backdrop:disabled { border-color: #2f2e2f; background-image: image(#353338);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+check:backdrop:disabled, radio:backdrop:disabled { border-color: #202020; background-image: image(#323232);
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: #656466; }
+check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label,
radio:backdrop:disabled { color: #5b5b5b; }
.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(36, 33, 42, 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); }
@@ -1192,36 +1206,36 @@ menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:no
treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus,
treeview.view radio:selected { color: #eeeeec; }
-treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #969696; }
+treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #919190; }
-treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color:
#656466; }
+treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color:
#5b5b5b; }
-treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected,
treeview.view radio:backdrop { color: #969696; }
+treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected,
treeview.view radio:backdrop { color: #919190; }
/************ GtkScale * */
-scale trough, scale fill, progressbar trough { border: 1px solid #2a2a2b; border-radius: 3px;
background-color: #353435; }
+scale trough, scale fill, progressbar trough { border: 1px solid #1b1b1b; border-radius: 3px;
background-color: #282828; }
-scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #353338; }
+scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #323232; }
-scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #39393a;
border-color: #2f2e2f; transition: 200ms ease-out; }
+scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #2e2e2e;
border-color: #202020; transition: 200ms ease-out; }
-scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
background-color: #353338; }
+scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
background-color: #323232; }
-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, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #092444; }
+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, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #030c17; }
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
.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(56, 54, 61, 0.5);
}
-scale highlight, progressbar progress { border: 1px solid #092444; border-radius: 3px; background-color:
#15539e; }
+scale highlight, progressbar progress { border: 1px solid #030c17; border-radius: 3px; background-color:
#15539e; }
scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color:
transparent; }
-scale highlight:backdrop, progressbar progress:backdrop { border-color: #092444; }
+scale highlight:backdrop, progressbar progress:backdrop { border-color: #030c17; }
scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent;
border-color: transparent; }
-row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar
progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale
row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color:
#092444; }
+row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar
progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale
row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color:
#030c17; }
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: rgba(0, 0, 0, 0.7); }
@@ -1245,7 +1259,7 @@ scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border
scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; }
-scale fill:backdrop, scale fill { background-color: #2a2a2b; }
+scale fill:backdrop, scale fill { background-color: #1b1b1b; }
scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color:
transparent; }
@@ -1253,25 +1267,25 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b
.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color:
transparent; }
-scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141314; text-shadow:
0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); background-image:
linear-gradient(to bottom, #373738 20%, #302f30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05),
inset 0 -2px #353435, inset 0 -1px #282828, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #0c0c0c;
border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property:
background, border, box-shadow; }
+scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707; text-shadow:
0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); background-image:
linear-gradient(to bottom, #2d2d2d 20%, #262626 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0
1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid black; 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: #141314;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #373738, inset 0 -1px #302f30, 0 1px rgba(0,
0, 0, 0.1); background-image: linear-gradient(to bottom, #3f3e40 20%, #353435 90%); }
+scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #070707;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, #353535 20%, #2b2b2b 90%); }
-scale slider:active { border-color: #092444; }
+scale slider:active { border-color: #030c17; }
-scale slider:disabled { border-color: #2a2a2b; background-image: image(#353338); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:disabled { border-color: #1b1b1b; background-image: image(#323232); 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: #969696; }
+scale slider:disabled label, scale slider:disabled { color: #919190; }
-scale slider:backdrop { transition: 200ms ease-out; border-color: #2f2e2f; background-image: image(#3f3e40);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:backdrop { transition: 200ms ease-out; border-color: #202020; background-image: image(#353535);
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: #969696; }
+scale slider:backdrop label, scale slider:backdrop { color: #919190; }
-scale slider:backdrop:disabled { border-color: #2f2e2f; background-image: image(#353338); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:backdrop:disabled { border-color: #202020; background-image: image(#323232); 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: #656466; }
+scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #5b5b5b; }
-row:selected scale slider:disabled, row:selected scale slider { border-color: #092444; }
+row:selected scale slider:disabled, row:selected scale slider { border-color: #030c17; }
.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(36, 33, 42, 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: #24212a; }
@@ -1421,7 +1435,7 @@ scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; m
scale.color { min-height: 0; min-width: 0; }
-scale.color trough { background-image: image(#2a2a2b); background-repeat: no-repeat; }
+scale.color trough { background-image: image(#1b1b1b); background-repeat: no-repeat; }
scale.color.horizontal { padding: 0 0 15px 0; }
@@ -1478,9 +1492,9 @@ progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; }
progressbar progress { /* share most of scales' */ /* override insensitive that is specific to progress */
border-radius: 1.5px; }
-progressbar progress:disabled { background-color: #969696; border-color: #969696; }
+progressbar progress:disabled { background-color: #919190; border-color: #919190; }
-progressbar progress:backdrop:disabled { background-color: #656466; border-color: #656466; }
+progressbar progress:backdrop:disabled { background-color: #5b5b5b; border-color: #5b5b5b; }
progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
@@ -1509,9 +1523,9 @@ levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; }
levelbar:backdrop { transition: 200ms ease-out; }
-levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #2a2a2b;
background-color: #26232d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); }
+levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: white; border-color: #1b1b1b;
background-color: #2d2d2d; box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); }
-levelbar trough:backdrop { color: #d4d3d6; border-color: #2f2e2f; background-color: #282530; box-shadow:
none; }
+levelbar trough:backdrop { color: #d6d6d6; border-color: #202020; background-color: #303030; box-shadow:
none; }
levelbar block { border: 1px solid; border-radius: 1px; }
@@ -1529,66 +1543,58 @@ levelbar block.full:backdrop { border-color: #26ab62; }
levelbar block.empty { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); }
-levelbar block.empty:backdrop { border-color: rgba(150, 150, 150, 0.15); }
+levelbar block.empty:backdrop { border-color: rgba(145, 145, 144, 0.15); }
/**************** Print dialog * */
printdialog drawing { color: #eeeeec; background: white; border: none; padding: 0; }
-printdialog drawing:backdrop { color: #969696; border-color: #2f2e2f; }
+printdialog drawing:backdrop { color: #919190; border-color: #202020; }
-printdialog drawing paper { border: 1px solid #2a2a2b; }
+printdialog drawing paper { border: 1px solid #1b1b1b; }
printdialog .dialog-action-box { margin: 12px; }
/********** Frames * */
-frame, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #2a2a2b; }
+frame, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1b1b1b; }
frame.flat, .frame.flat { border-style: none; }
-frame:backdrop, .frame:backdrop { border-color: #2f2e2f; }
+frame:backdrop, .frame:backdrop { border-color: #202020; }
-actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a2a2b; }
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; }
-actionbar > revealer > box:backdrop { border-color: #2f2e2f; }
+actionbar > revealer > box:backdrop { border-color: #202020; }
scrolledwindow viewport.frame { border-style: none; }
-scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #111111 85%, rgba(17,
17, 17, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color:
transparent; border: none; box-shadow: none; }
-
-scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #2f2e2f 85%,
rgba(47, 46, 47, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top;
background-color: transparent; border: none; box-shadow: none; }
-
-scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #111111 85%,
rgba(17, 17, 17, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236,
0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2,
2, 2, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color:
transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom,
#2f2e2f 85%, rgba(47, 46, 47, 0)); background-size: 100% 3%; background-repeat: no-repeat;
background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #202020 85%,
rgba(32, 32, 32, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #111111 85%,
rgba(17, 17, 17, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236,
0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #020202 85%,
rgba(2, 2, 2, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236,
0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #2f2e2f
85%, rgba(47, 46, 47, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom,
#202020 85%, rgba(32, 32, 32, 0)); background-size: 100% 3%; background-repeat: no-repeat;
background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #111111 85%,
rgba(17, 17, 17, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236,
0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #020202 85%,
rgba(2, 2, 2, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #2f2e2f
85%, rgba(47, 46, 47, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
right; background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #202020
85%, rgba(32, 32, 32, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px;
background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none;
box-shadow: none; }
+scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #020202 85%,
rgba(2, 2, 2, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236,
0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px;
background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border:
none; box-shadow: none; }
+scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #202020
85%, rgba(32, 32, 32, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
right; background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px;
background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none;
box-shadow: none; }
-
-scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px;
background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none;
box-shadow: none; }
-
-scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2a2a2b 1px,
transparent 1px) 0 0 0 1/0 1px stretch; background-color: #323136; }
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #1b1b1b 1px,
transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313131; }
scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
-scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #2f2e2f 1px, transparent
1px); background-color: #373738; transition: 200ms ease-out; }
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #202020 1px, transparent
1px); background-color: #2d2d2d; transition: 200ms ease-out; }
separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; }
/********* Lists * */
-list { color: white; background-color: #26232d; border-color: #2a2a2b; }
+list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; }
-list:backdrop { background-color: #282530; border-color: #2f2e2f; }
+list:backdrop { background-color: #303030; border-color: #202020; }
list row { padding: 2px; }
@@ -1626,16 +1632,16 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
-expander title > arrow:disabled { color: #969696; }
+expander title > arrow:disabled { color: #919190; }
-expander title > arrow:disabled:backdrop { color: #656466; }
+expander title > arrow:disabled:backdrop { color: #5b5b5b; }
expander title > arrow:checked, expander title:checked > arrow { -gtk-icon-source:
-gtk-icontheme("pan-down-symbolic"); }
expander title:hover > arrow { color: white; }
/************ Calendar * */
-calendar { color: white; border: 1px solid #2a2a2b; }
+calendar { color: white; border: 1px solid #1b1b1b; }
calendar:selected { border-radius: 3px; }
@@ -1647,20 +1653,20 @@ calendar.button { color: rgba(238, 238, 236, 0.45); }
calendar.button:hover { color: #eeeeec; }
-calendar.button:backdrop { color: rgba(150, 150, 150, 0.45); }
+calendar.button:backdrop { color: rgba(145, 145, 144, 0.45); }
-calendar.button:disabled { color: rgba(150, 150, 150, 0.45); }
+calendar.button:disabled { color: rgba(145, 145, 144, 0.45); }
-calendar.highlight { color: #969696; }
+calendar.highlight { color: #919190; }
-calendar.highlight:backdrop { color: #656466; }
+calendar.highlight:backdrop { color: #5b5b5b; }
-calendar:backdrop { color: #d4d3d6; border-color: #2f2e2f; }
+calendar:backdrop { color: #d6d6d6; border-color: #202020; }
calendar:indeterminate { color: alpha(currentColor,0.1); }
/*********** Dialogs * */
-messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #3f3e40; border-style:
none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style:
none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
@@ -1670,22 +1676,22 @@ messagedialog.csd .dialog-action-area button:first-child { border-left-style: no
messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px;
-gtk-outline-bottom-right-radius: 5px; }
-filechooser .dialog-action-box { border-top: 1px solid #2a2a2b; }
+filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; }
-filechooser .dialog-action-box:backdrop { border-top-color: #2f2e2f; }
+filechooser .dialog-action-box:backdrop { border-top-color: #202020; }
-filechooser #pathbarbox { border-bottom: 1px solid #3f3e40; }
+filechooser #pathbarbox { border-bottom: 1px solid #353535; }
filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
-.sidebar { border-style: none; background-color: #323136; }
+.sidebar { border-style: none; background-color: #313131; }
-stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #2a2a2b; border-left-style: none; }
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #1b1b1b; border-left-style: none; }
-stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a2a2b;
border-right-style: none; }
+stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #1b1b1b;
border-right-style: none; }
-.sidebar:backdrop { background-color: #333238; border-color: #2f2e2f; transition: 200ms ease-out; }
+.sidebar:backdrop { background-color: #323232; border-color: #202020; transition: 200ms ease-out; }
.sidebar list { background-color: transparent; }
@@ -1697,9 +1703,9 @@ stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
-separator.sidebar { background-color: #2a2a2b; }
+separator.sidebar { background-color: #1b1b1b; }
-separator.sidebar:backdrop { background-color: #2f2e2f; }
+separator.sidebar:backdrop { background-color: #202020; }
separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #092444; }
@@ -1714,13 +1720,13 @@ placessidebar row > revealer { padding: 0 14px; }
placessidebar row:selected { color: #ffffff; }
-placessidebar row:disabled { color: #969696; }
+placessidebar row:disabled { color: #919190; }
-placessidebar row:backdrop { color: #969696; }
+placessidebar row:backdrop { color: #919190; }
-placessidebar row:backdrop:selected { color: #d4d3d6; }
+placessidebar row:backdrop:selected { color: #d6d6d6; }
-placessidebar row:backdrop:disabled { color: #656466; }
+placessidebar row:backdrop:disabled { color: #5b5b5b; }
placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
@@ -1753,15 +1759,15 @@ placesview row.activatable:hover { background-color: transparent; }
placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
/********* Paned * */
-paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none;
background-color: transparent; background-image: image(#2a2a2b); background-size: 1px 1px; }
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none;
background-color: transparent; background-image: image(#1b1b1b); background-size: 1px 1px; }
paned > separator:selected { background-image: image(#15539e); }
-paned > separator:backdrop { background-image: image(#2f2e2f); }
+paned > separator:backdrop { background-image: image(#202020); }
-paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #3f3e40; background-image:
image(#2a2a2b), image(#2a2a2b); background-size: 1px 1px, 1px 1px; }
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image:
image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; }
-paned > separator.wide:backdrop { background-color: #3f3e40; background-image: image(#2f2e2f),
image(#2f2e2f); }
+paned > separator.wide:backdrop { background-color: #353535; background-image: image(#202020),
image(#202020); }
paned.horizontal > separator { background-repeat: repeat-y; }
@@ -1791,23 +1797,23 @@ infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
text-shadow: none; }
-infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; border-bottom-color: #030c17;
background-image: linear-gradient(to bottom, #144e95, #13498c 95%, #114583 1px); text-shadow: 0 -1px rgba(0,
0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255,
255, 0.05); }
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444;
background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
-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: #092444;
border-bottom-color: #030c17; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0,
0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to
bottom, #1655a2, #144e95 95%, #13498c 1px); }
+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: #0f3b71;
border-bottom-color: #092444; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0,
0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #155099, #1655a2 1px); }
-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:
#092444; background-image: image(#114583); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+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:
#0f3b71; background-image: image(#103e75); 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: #092444; background-image: image(#184c8d); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled,
infobar.error button:disabled { border-color: #0f3b71; background-image: image(#194d8d); 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: #8ca6c6; }
-infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop,
infobar.error button:backdrop { border-color: #092444; background-image: image(#15539e); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #092444; }
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop,
infobar.error button:backdrop { border-color: #0f3b71; background-image: image(#15539e); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f3b71; }
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: #d0ddec; }
-infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning
button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #092444; background-image:
image(#184c8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #092444; }
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning
button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #0f3b71; background-image:
image(#194d8d); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f3b71; }
-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: #698bb5; }
+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: #6a8bb5; }
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
background-color: #0f3b71; }
@@ -1843,7 +1849,7 @@ colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
colorswatch.dark overlay { color: white; }
-colorswatch.dark overlay:hover { border-color: #2a2a2b; }
+colorswatch.dark overlay:hover { border-color: #1b1b1b; }
colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
@@ -1851,33 +1857,33 @@ colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
colorswatch.light overlay { color: black; }
-colorswatch.light overlay:hover { border-color: #2a2a2b; }
+colorswatch.light overlay:hover { border-color: #1b1b1b; }
colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
colorswatch:drop(active) { box-shadow: none; }
-colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #2a2a2b, inset 0
0 0 1px #4e9a06; }
+colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0
0 0 1px #4e9a06; }
-colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #2a2a2b, inset 0
0 0 1px #4e9a06; }
+colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0
0 0 1px #4e9a06; }
-colorswatch overlay { border: 1px solid #2a2a2b; }
+colorswatch overlay { border: 1px solid #1b1b1b; }
colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0,
0.2); }
-colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #2a2a2b; box-shadow: none; }
+colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1b1b1b; box-shadow: none; }
colorswatch#add-color-button { border-radius: 5px 5px 0 0; }
colorswatch#add-color-button:only-child { border-radius: 5px; }
-colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #2a2a2b; border-bottom-color: #141314; background-image: linear-gradient(to bottom, #3a393b,
#353435 95%, #302f30 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0,
0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
+colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px,
#353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
-colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #2a2a2b; border-bottom-color: #141314; text-shadow: 0 -1px rgba(0, 0, 0, 0.754353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.754353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
background-image: linear-gradient(to bottom, #414142, #3a393b 95%, #353435 1px); }
+colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3);
border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, #373737 1px); }
-colorswatch#add-color-button overlay:backdrop { border-color: #2f2e2f; background-image: image(#3f3e40);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+colorswatch#add-color-button overlay:backdrop { border-color: #202020; background-image: image(#353535);
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:
#969696; }
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color:
#919190; }
colorswatch:disabled { opacity: 0.5; }
@@ -1892,38 +1898,38 @@ colorswatch#editor-color-sample overlay { border-radius: 4.5px; }
colorchooser .popover.osd { border-radius: 5px; }
/******** Misc * */
-.content-view { background-color: #2d2d2e; }
+.content-view { background-color: #232323; }
.content-view:hover { -gtk-icon-filter: brightness(1.2); }
-.content-view:backdrop { background-color: #2d2d2e; }
+.content-view:backdrop { background-color: #232323; }
.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; }
/********************** Window Decorations * */
-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(42, 42, 43, 0.9); margin: 10px; }
+decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0
0 0 1px rgba(27, 27, 27, 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(42, 42, 43, 0.9); transition: 200ms ease-out; }
+decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px
rgba(27, 27, 27, 0.9); transition: 200ms ease-out; }
.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-left
decoration, .tiled-right decoration, .tiled-bottom decoration { border-radius: 0; }
.popup decoration { box-shadow: none; }
-.ssd decoration { box-shadow: 0 0 0 1px rgba(42, 42, 43, 0.9); }
+.ssd decoration { box-shadow: 0 0 0 1px rgba(27, 27, 27, 0.9); }
-.csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(42, 42,
43, 0.8); }
+.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 27,
27, 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(42, 42, 43, 0.8); }
+messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px
rgba(27, 27, 27, 0.8); }
-.solid-csd decoration { margin: 0; padding: 4px; background-color: #2a2a2b; border: solid 1px #2a2a2b;
border-radius: 0; box-shadow: inset 0 0 0 3px #373738, inset 0 1px rgba(238, 238, 236, 0.07); }
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #1b1b1b; border: solid 1px #1b1b1b;
border-radius: 0; box-shadow: inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); }
-.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #3f3e40, inset 0 1px rgba(238, 238, 236, 0.07);
}
+.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07);
}
-button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0,
0.802353); }
+button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0,
0.834353); }
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
@@ -1937,9 +1943,9 @@ row:selected label, label:selected, .selection-mode button.titlebutton, .view:se
row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled,
iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview
text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview
text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text
selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox
flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry
selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected,
row:disabled:selected, calendar:disabled:selected { color: #8aa9ce; }
-row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop,
iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview
text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview
text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text
selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox
flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, entry
selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected,
row:backdrop:selected, calendar:backdrop:selected { color: #d4d3d6; }
+row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop,
iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview
text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview
text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text
selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox
flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, entry
selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected,
row:backdrop:selected, calendar:backdrop:selected { color: #d6d6d6; }
-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, textview
text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text
selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox
flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop
selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled,
modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected,
row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4e79af; }
+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, textview
text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text
selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox
flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop
selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled,
modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected,
row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4f7aaf; }
.monospace { font-family: monospace; }
@@ -1970,9 +1976,9 @@ shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
-.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px;
padding-right: 6px; color: #eeeeec; background-color: #26232d; border: 1px solid; border-color: #2a2a2b;
border-radius: 5px; box-shadow: inset 0 -3px #29272c; font-size: smaller; }
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px;
padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b;
border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; }
-.keycap:backdrop { background-color: #282530; color: #969696; transition: 200ms ease-out; }
+.keycap:backdrop { background-color: #303030; color: #919190; transition: 200ms ease-out; }
:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color:
#4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; }
@@ -1980,6 +1986,13 @@ stackswitcher button.text-button { min-width: 100px; }
stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height:
32px; padding: 0; }
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0,
0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
/********* Emoji * */
popover.emoji-picker { padding-left: 0; padding-right: 0; }
@@ -1987,7 +2000,7 @@ button.emoji-section { border-color: transparent; border-width: 3px; border-styl
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
-button.emoji-section:hover { border-color: #2a2a2b; }
+button.emoji-section:hover { border-color: #1b1b1b; }
button.emoji-section:checked { border-color: #15539e; }
@@ -2005,7 +2018,7 @@ popover.emoji-completion arrow { border: none; background: none; }
popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
-popover.emoji-completion .emoji:hover { background-color: #4c4b4d; }
+popover.emoji-completion .emoji:hover { background-color: #424242; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/*
@@ -2016,10 +2029,10 @@ text color for entries, views and content in general */
@define-color theme_text_color white;
/*
widget base background color */
-@define-color theme_bg_color #3f3e40;
+@define-color theme_bg_color #353535;
/*
text widgets and the like base background color */
-@define-color theme_base_color #26232d;
+@define-color theme_base_color #2d2d2d;
/*
base background color of selections */
@define-color theme_selected_bg_color #15539e;
@@ -2028,25 +2041,25 @@ text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/*
base background color of insensitive widgets */
-@define-color insensitive_bg_color #353338;
+@define-color insensitive_bg_color #323232;
/*
text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #969696;
+@define-color insensitive_fg_color #919190;
/*
insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #26232d;
+@define-color insensitive_base_color #2d2d2d;
/*
widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #969696;
+@define-color theme_unfocused_fg_color #919190;
/*
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 #3f3e40;
+@define-color theme_unfocused_bg_color #353535;
/*
text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #282530;
+@define-color theme_unfocused_base_color #303030;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #15539e;
@@ -2055,13 +2068,13 @@ 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 #656466;
+@define-color unfocused_insensitive_color #5b5b5b;
/*
widgets main borders color */
-@define-color borders #2a2a2b;
+@define-color borders #1b1b1b;
/*
widgets main borders color on backdrop windows */
-@define-color unfocused_borders #2f2e2f;
+@define-color unfocused_borders #202020;
/*
these are pretty self explicative */
@define-color warning_color #f57900;
@@ -2071,16 +2084,16 @@ these are pretty self explicative */
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 #969696;
+@define-color wm_unfocused_title #919190;
@define-color wm_highlight rgba(0, 0, 0, 0);
@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
-@define-color wm_bg_a shade(#3f3e40, 1.2);
-@define-color wm_bg_b #3f3e40;
+@define-color wm_bg_a shade(#353535, 1.2);
+@define-color wm_bg_b #353535;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
-@define-color wm_button_hover_color_a shade(#3f3e40, 1.3);
-@define-color wm_button_hover_color_b #3f3e40;
-@define-color wm_button_active_color_a shade(#3f3e40, 0.85);
-@define-color wm_button_active_color_b shade(#3f3e40, 0.89);
-@define-color wm_button_active_color_c shade(#3f3e40, 0.9);
-@define-color content_view_bg #26232d;
+@define-color wm_button_hover_color_a shade(#353535, 1.3);
+@define-color wm_button_hover_color_b #353535;
+@define-color wm_button_active_color_a shade(#353535, 0.85);
+@define-color wm_button_active_color_b shade(#353535, 0.89);
+@define-color wm_button_active_color_c shade(#353535, 0.9);
+@define-color content_view_bg #2d2d2d;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 14bea3de75..099d6cf024 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -70,9 +70,9 @@ label:backdrop { color: #929595; }
.dim-label, label.separator, spinbutton:not(.vertical) placeholder, entry placeholder,
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; }
-assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dad6d2; }
+assistant .sidebar { background-color: #ffffff; border-top: 1px solid #cdc7c2; }
-assistant .sidebar:backdrop { background-color: #fcfcfc; border-color: #e0ddd9; }
+assistant .sidebar:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; }
assistant.csd .sidebar { border-top-style: none; }
@@ -94,27 +94,23 @@ spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: 0.5; }
/**************** Text Entries * */
-spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px
solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black;
border-color: #dad6d2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px
solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black;
border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
-spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box;
background-position: left center; border: none; box-shadow: none; }
-
-spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box;
background-position: right center; border: none; box-shadow: none; }
-
spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical),
spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical),
spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled,
entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent;
border-color: transparent; border-radius: 0; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4;
outline: none; }
spinbutton:focus:not(.vertical) > placeholder, entry:focus > placeholder { opacity: 0; /* We hide
placeholders on focus */ }
-spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #dad6d2;
background-color: #faf9f8; box-shadow: none; }
+spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #cdc7c2;
background-color: #faf9f8; box-shadow: none; }
-spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #e0ddd9;
background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; }
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #d5d0cc;
background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; }
-spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d4cfca; border-color:
#e0ddd9; background-color: #faf9f8; box-shadow: none; }
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d4cfca; border-color:
#d5d0cc; background-color: #faf9f8; box-shadow: none; }
spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; }
@@ -158,11 +154,11 @@ spinbutton:not(.vertical) progress > trough > progress:backdrop, entry progress
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry {
border-left-color: #4e9a06; }
-.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: #f4f3f2; }
+.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: #f0eeed; }
-.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: #f4f3f2; }
+.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: #f1efee; }
-.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:
#f4f3f2; }
+.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:
#f0eeed; }
.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), .linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #3584e4; }
@@ -202,7 +198,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3584e4 0%, rgba(53,
132, 228, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #3584e4 95%, rgba(53, 132, 228, 0)); } }
-notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 8px; border: 1px solid; border-radius: 3px; 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: #dad6d2; border-bottom-color:
#a69c92; background-image: linear-gradient(to bottom, #f6f5f4, #edebe9 95%, #e6e3e0 1px); text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white; }
+notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px;
padding: 4px 9px; border: 1px solid; border-radius: 5px; 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: #cdc7c2; border-bottom-color:
#bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255,
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px
2px rgba(0, 0, 0, 0.07); }
notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
@@ -210,37 +206,37 @@ notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.
notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46,
0.45, 0.94); }
-notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; border-bottom-color: #a69c92; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white; background-image: linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px); -gtk-icon-filter:
brightness(1.2); }
+notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
-gtk-icon-filter: brightness(1.2); }
-notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color:
rgba(46, 52, 54, 0.3); border-color: #dad6d2; background-image: image(#e8e6e3); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color:
rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #e0ddd9; background-image: image(#f6f5f4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
+notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat,
button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out;
-gtk-icon-filter: none; }
notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label,
button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop
label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop,
button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label,
button:backdrop { color: #929595; }
-notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > 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: #e0ddd9;
background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active,
button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > 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: #d5d0cc;
background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label,
button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label,
button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked,
button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs >
arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs >
arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs >
arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:b
ackdrop.
flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label,
button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #929595; }
-notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#e0ddd9; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled,
button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color:
#d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label,
button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled,
button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs >
arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs >
arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label,
button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d4cfca; }
-notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > 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: #e0ddd9; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:backdrop:disabled:active,
button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked,
button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active,
button.titlebutton:backdrop:disabled:active, notebook box > 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: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label,
notebook box > header > tabs > arrow:backdrop:disabled:checked label,
button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
notebook box > header > tabs > arrow:backdrop:disabled:active label,
button.titlebutton:backdrop:disabled:active label, notebook box > 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: #d4cfca; }
notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#dad6d2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color:
#cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box >
header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color:
#929595; }
-notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #dad6d2; background-image: image(#e4e4e0); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active,
button:disabled:checked { border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label,
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box >
header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box >
header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label,
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #929595; }
-notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 4px; padding-right: 4px; }
+notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
@@ -250,15 +246,15 @@ notebook box > header > tabs > arrow.text-button.image-button label, button.text
combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
-row:selected button { border-color: #0f3b71; }
+row:selected button { border-color: #185fb4; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; 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: #fcfcfc; }
-button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42,
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: none; box-shadow:
none; }
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42,
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: none; box-shadow:
none; }
-button.osd.image-button { min-width: 32px; }
+button.osd.image-button { min-width: 34px; }
button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(66, 61, 76, 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: none; box-shadow: none; }
@@ -288,13 +284,13 @@ button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); backgrou
.csd popover > contents.background.touch-selection button.flat:active, .csd popover >
contents.background.magnifier button.flat:active, popover > contents.background.touch-selection
button.flat:active, popover > contents.background.magnifier button.flat:active, .app-notification
button.flat:active, .csd popover > contents.background.touch-selection button.flat:checked, .csd popover >
contents.background.magnifier button.flat:checked, popover > contents.background.touch-selection
button.flat:checked, popover > contents.background.magnifier button.flat:checked, .app-notification
button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: 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); }
-button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #15539e;
border-bottom-color: #0f3b71; background-image: linear-gradient(to bottom, #3584e4, #2379e2 95%, #1d72d8
1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb;
border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0
-1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; color: #3584e4; }
-button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#15539e; border-bottom-color: #0f3b71; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-image:
linear-gradient(to bottom, #5094e8, #3584e4 95%, #1d72d8 1px); }
+button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#1b6acb; border-bottom-color: #15539e; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #3584e4, #3987e5 1px); }
-button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #15539e; background-image: image(#1e74dd); box-shadow: inset 0 1px rgba(255,
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); 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: #3584e4; background-image: image(#3584e4); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -304,7 +300,7 @@ button.suggested-action:active, button.suggested-action:checked { color: white;
.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,
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label,
button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label,
button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked { color: #d5e6f9; }
-.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { border-color: #e0ddd9; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode
button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled { color: #d4cfca; }
@@ -314,11 +310,11 @@ button.suggested-action:active, button.suggested-action:checked { color: white;
.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, button.suggested-action.flat:backdrop:disabled { border-color:
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255,
255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(53, 132, 228, 0.8); }
-button.suggested-action:disabled { border-color: #dad6d2; background-image: image(#faf9f8); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.suggested-action:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); 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: #929595; }
-button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #15539e;
background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #1b6acb;
background-image: image(#2f80e3); 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: #acccf4; }
@@ -332,13 +328,13 @@ button.suggested-action:disabled:active label, button.suggested-action:disabled:
.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color:
transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow:
none; text-shadow: none; -gtk-icon-shadow: none; }
-button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015;
border-bottom-color: #570b0e; background-image: linear-gradient(to bottom, #e01b24, #ce1921 95%, #c0171f
1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.606275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.606275);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d;
border-bottom-color: #851015; background-image: linear-gradient(to top, #ce1921 2px, #e01b24); text-shadow: 0
-1px rgba(0, 0, 0, 0.606275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.606275); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color:
#e01b24; }
-button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#851015; border-bottom-color: #570b0e; text-shadow: 0 -1px rgba(0, 0, 0, 0.558275); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.558275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-image:
linear-gradient(to bottom, #e6333b, #e01b24 95%, #c0171f 1px); }
+button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color:
#b2161d; border-bottom-color: #851015; text-shadow: 0 -1px rgba(0, 0, 0, 0.558275); -gtk-icon-shadow: 0 -1px
rgba(0, 0, 0, 0.558275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #e01b24, #e41c26 1px); }
-button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #851015; background-image: image(#c51820); box-shadow: inset 0 1px rgba(255,
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255,
255, 255, 0.3); border-color: #b2161d; background-image: image(#a0131a); 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: #e01b24;
background-image: image(#e01b24); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
@@ -348,7 +344,7 @@ button.destructive-action:backdrop:active, button.destructive-action:backdrop:ch
button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked {
color: #f8d2d4; }
-button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: #e0ddd9; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled {
color: #d4cfca; }
@@ -358,11 +354,11 @@ button.destructive-action:backdrop:disabled:active label, button.destructive-act
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; color: rgba(224, 27, 36, 0.8); }
-button.destructive-action:disabled { border-color: #dad6d2; background-image: image(#faf9f8); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); 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: #929595; }
-button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color:
#851015; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color:
#b2161d; background-image: image(#dc1d27); 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:
#f1a5a8; }
@@ -400,9 +396,9 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background
button.circular label { padding: 0; }
-button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; border-bottom-color: #a69c92; background-image:
linear-gradient(to bottom, #f6f5f4, #edebe9 95%, #e6e3e0 1px); text-shadow: 0 1px rgba(255, 255, 255,
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white;
background-image: linear-gradient(to bottom, #f6f5f4, #edebe9 95%, #e6e3e0 1px), linear-gradient(to top,
#a69c92 25%, #dad6d2 50%); border-color: transparent; }
+button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image:
linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top, #bfb8b1 25%,
#cdc7c2 50%); border-color: transparent; }
-button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; border-bottom-color: #a69c92; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white; background-image: linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px); background-image:
linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px), linear-gradient(to top, #a69c92 25%, #dad6d2
50%); border-color: transparent; }
+button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2
50%); border-color: transparent; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
radial-gradient(farthest-side, #3584e4 96%, rgba(53, 132, 228, 0)), radial-gradient(farthest-side, rgba(255,
255, 255, 0.769231) 95%, rgba(255, 255, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat:
no-repeat; background-position: right 3px, right 4px; }
@@ -410,41 +406,41 @@ button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention >
image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; }
-.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color:
#dad6d2; border-bottom-color: #a69c92; background-image: linear-gradient(to bottom, #f6f5f4, #edebe9 95%,
#e6e3e0 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255,
0.769231); box-shadow: inset 0 1px white; }
+.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color:
#cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
-.inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3);
border-color: #dad6d2; border-bottom-color: #a69c92; text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white; background-image:
linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px); }
+.inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3);
border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
-.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; background-image: image(#e8e6e3); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-.inline-toolbar toolbutton > button:disabled { border-color: #dad6d2; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:disabled { border-color: #cdc7c2; background-image: image(#faf9f8);
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:
#929595; }
-.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #dad6d2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #cdc7c2; background-image: image(#e4e4e0); 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: #929595; }
-.inline-toolbar toolbutton > button:backdrop { border-color: #e0ddd9; background-image: image(#f6f5f4);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4);
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:
#929595; }
-.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #e0ddd9; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #d5d0cc; background-image: image(#e4e4e0); 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: #929595; }
-.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #e0ddd9; background-image:
image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #d5d0cc; background-image:
image(#faf9f8); 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: #d4cfca; }
-.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { border-color: #e0ddd9; background-image: image(#e4e4e0); box-shadow: inset
0 1px rgba(255, 255, 255, 0); }
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); 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: #d4cfca; }
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button,
.inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked >
button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked >
combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; }
-.linked:not(.vertical) > spinbutton:dir(ltr):first-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):first-child, .inline-toolbar button:dir(ltr):first-child, .linked >
button:dir(ltr):first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(ltr),
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat:dir(ltr), combobox.linked
button:dir(ltr):nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box >
button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):last-child:not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):last-child, .inline-toolbar button:dir(rtl):last-child, .linked >
button:dir(rtl):last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl),
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .linked:not(.vertical) >
combobox:last-child > box > button.combo:dir(rtl) { border-top-left-radius: 3px; border-bottom-left-radius:
3px; border-
top-righ
t-radius: 0; border-bottom-right-radius: 0; border-right-style: none; }
+.linked:not(.vertical) > spinbutton:dir(ltr):first-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):first-child, .inline-toolbar button:dir(ltr):first-child, .linked >
button:dir(ltr):first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat:dir(ltr),
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat:dir(ltr), combobox.linked
button:dir(ltr):nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box >
button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):last-child:not(.vertical),
.linked:not(.vertical) > entry:dir(rtl):last-child, .inline-toolbar button:dir(rtl):last-child, .linked >
button:dir(rtl):last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(rtl),
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .linked:not(.vertical) >
combobox:last-child > box > button.combo:dir(rtl) { border-top-left-radius: 5px; border-bottom-left-radius:
5px; border-
top-righ
t-radius: 0; border-bottom-right-radius: 0; border-right-style: none; }
-.linked:not(.vertical) > spinbutton:dir(ltr):last-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):last-child, .inline-toolbar button:dir(ltr):last-child, .linked > button:dir(ltr):last-child,
toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(ltr), toolbar.inline-toolbar
toolbutton:backdrop:last-child > button.flat:dir(ltr), combobox.linked button:dir(ltr):nth-child(2),
.linked:not(.vertical) > combobox:last-child > box > button.combo:dir(ltr), .linked:not(.vertical) >
spinbutton:dir(rtl):first-child:not(.vertical), .linked:not(.vertical) > entry:dir(rtl):first-child,
.inline-toolbar button:dir(rtl):first-child, .linked > button:dir(rtl):first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat:dir(rtl), toolbar.inline-toolbar toolbutton:backdrop:first-child >
button.flat:dir(rtl), combobox.linked button:dir(rtl):nth-child(2), .linked:not(.vertical) >
combobox:first-child > box > button.combo:dir(rtl) { border-top-left-radius: 0; bord
er-botto
m-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; }
+.linked:not(.vertical) > spinbutton:dir(ltr):last-child:not(.vertical), .linked:not(.vertical) >
entry:dir(ltr):last-child, .inline-toolbar button:dir(ltr):last-child, .linked > button:dir(ltr):last-child,
toolbar.inline-toolbar toolbutton:last-child > button.flat:dir(ltr), toolbar.inline-toolbar
toolbutton:backdrop:last-child > button.flat:dir(ltr), combobox.linked button:dir(ltr):nth-child(2),
.linked:not(.vertical) > combobox:last-child > box > button.combo:dir(ltr), .linked:not(.vertical) >
spinbutton:dir(rtl):first-child:not(.vertical), .linked:not(.vertical) > entry:dir(rtl):first-child,
.inline-toolbar button:dir(rtl):first-child, .linked > button:dir(rtl):first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat:dir(rtl), toolbar.inline-toolbar toolbutton:backdrop:first-child >
button.flat:dir(rtl), combobox.linked button:dir(rtl):nth-child(2), .linked:not(.vertical) >
combobox:first-child > box > button.combo:dir(rtl) { border-top-left-radius: 0; bord
er-botto
m-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid; }
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child,
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child
button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) >
combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; }
@@ -459,7 +455,7 @@ toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutt
modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button, button:link,
button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover,
button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup
button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px
rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/* menu buttons */
-modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px;
border-radius: 3px; outline-offset: -2px; }
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px;
border-radius: 5px; outline-offset: -2px; }
modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: white; }
@@ -483,7 +479,7 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay
/* list buttons */
/* tone down as per new designs, see issue #1473 */
-list row button { border: 1px solid rgba(218, 214, 210, 0.5); }
+list row button { border: 1px solid rgba(205, 199, 194, 0.5); }
/********* Links * */
button:link > label, button:visited > label, *:link, button:link, button:visited { color: #1b6acb; }
@@ -517,7 +513,7 @@ spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { min-widt
spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
-spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color:
#43484a; background-image: none; border-style: none none none solid; border-color: rgba(218, 214, 210, 0.3);
border-radius: 0; box-shadow: none; }
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color:
#43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3);
border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
@@ -527,7 +523,7 @@ spinbutton:not(.vertical) button:disabled { color: rgba(146, 149, 149, 0.3); bac
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: #9d9f9f; background-color: transparent; border-color:
rgba(224, 221, 217, 0.3); transition: 200ms ease-out; }
+spinbutton:not(.vertical) button:backdrop { color: #9d9f9f; background-color: transparent; border-color:
rgba(213, 208, 204, 0.3); transition: 200ms ease-out; }
spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color:
transparent; border-style: none none none solid; }
@@ -609,72 +605,80 @@ searchbar { padding: 0px; }
searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
-.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #dad6d2;
background-color: #eeecea; }
+.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #cdc7c2;
background-color: #eae7e5; }
-.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#e0ddd9; background-color: #eeedeb; box-shadow: none; transition: 200ms ease-out; }
+.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color:
#d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
-.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #a69c92; border-radius: 0; background: white linear-gradient(to top, #dedede, #fafafa
2px, white 3px); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style:
solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2,
#e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue
#1588 */ /* hide the close button separator */ }
-.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #e0ddd9; background-color: #f6f5f4;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; }
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; }
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight:
bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px;
padding-right: 12px; }
-.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode
headerbar, headerbar.selection-mode { color: #ffffff; border-color: #0f3b71; text-shadow: 0 -1px rgba(0, 0,
0, 0.5); background: #3584e4 linear-gradient(to top, #1963bd, #2c7fe3 2px, #3584e4 3px); box-shadow: inset 0
1px rgba(134, 181, 239, 0.9); }
+.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#cfcac4);
border-color: #c6bfb9; border-top-color: #bab3ab; }
+
+.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar)
button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar
button.toggle:checked:backdrop { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0
1px rgba(255, 255, 255, 0); }
+
+.titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher
button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop label,
.titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop
label, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop label,
headerbar button.toggle:checked:backdrop { color: #929595; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode
headerbar, headerbar.selection-mode { color: #ffffff; border-color: #185fb4; text-shadow: 0 -1px rgba(0, 0,
0, 0.5); background: #3584e4 linear-gradient(to top, #2c7fe3, #3987e5); box-shadow: inset 0 1px rgba(134,
181, 239, 0.9); }
.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar),
.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #3584e4;
background-image: none; box-shadow: inset 0 1px rgba(154, 194, 242, 0.88); }
-.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button,
.selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255,
255, 255, 0.3); border-color: #15539e; border-bottom-color: #0f3b71; background-image: linear-gradient(to
bottom, #3584e4, #2379e2 95%, #1d72d8 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0
-1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar)
label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none;
color: #ffffff; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button,
.selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255,
255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to
top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0,
0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat,
.selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
.selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #15539e; border-bottom-color: #0f3b71; text-shadow: 0
-1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.4); background-image: linear-gradient(to bottom, #5094e8, #3584e4 95%, #1d72d8 1px); }
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
.selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; text-shadow: 0
-1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4,
#3987e5 1px); }
-.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active,
.selection-mode 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: #15539e;
background-image: image(#1e74dd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active,
.selection-mode 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: #1b6acb;
background-image: image(#1961b9); 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, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { border-color: #3584e4; background-image: image(#3584e4);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-filter:
none; border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar)
button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { border-color: #3584e4; background-image: image(#3584e4);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-filter:
none; border-color: #185fb4; }
.selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop
label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar)
button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar
button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar
button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode
button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode
button:backdrop { color: #d7e6fa; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #2f80e3; backg
round-im
age: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #2f80e3; backg
round-im
age: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
.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,
.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:activ
e, .sele
ction-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar)
button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode
headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label,
.selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active
label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked
label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode
button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-
mode but
ton:backdrop:checked { color: #d5e6f9; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled {
border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled {
border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled label,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar
button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode
headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode
button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerba
r.select
ion-mode button:backdrop:disabled { color: #8fbbf0; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar
button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked, he
aderbar.
selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar
button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked, he
aderbar.
selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #185fb4; }
.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, .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, .selection-mode headerbar button:backdrop.flat:disabled:active label,
.selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar
button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:ac
tive lab
el, 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: #78aced; }
.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,
.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, .selection-mode
headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar
button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode
button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar)
button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled {
border-color: #15539e; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar)
button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled {
border-color: #1b6acb; background-image: image(#5396e8); 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, .selection-mode.titlebar:not(headerbar) button:disabled label,
.selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled label,
.selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled { color: #a9cbf4; }
-.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar)
button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active,
.selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar
button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode
button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #15539e;
background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar)
button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active,
.selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar
button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode
button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #1b6acb;
background-image: image(#2f80e3); 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,
.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, .selection-mode headerbar
button:disabled:active label, .selection-mode headerbar button:disabled:active, .selection-mode headerbar
button:disabled:checked label, .selection-mode 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: #acccf4; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar)
button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode
button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2;
border-bottom-color: #a69c92; background-image: linear-gradient(to bottom, #f6f5f4, #edebe9 95%, #e6e3e0
1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255,
0.769231); box-shadow: inset 0 1px white; border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar)
button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode
button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2;
border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0
1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0
1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:hover,
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar
button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; border-bottom-color: #a69c92; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white; background-image: linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover,
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar
button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
border-color: #185fb4; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:active,
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar
button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2; background-image: image(#e8e6e3); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active,
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar
button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow:
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #185fb4; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar
button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color:
#dad6d2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar
button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color:
#cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #185fb4; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label,
.selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode
button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color:
#929595; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar
button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color:
#e0ddd9; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar
button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color:
#d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); border-color: #185fb4; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label,
.selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode
button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color:
#929595; }
-.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
{ border-color: #e0ddd9; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f3b71; }
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
{ border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode
.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar)
button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled label, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d4cfca; }
@@ -688,6 +692,8 @@ searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration
button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd
.titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd
.titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left:
-1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top:
6px; margin-bottom: 6px; }
@@ -706,7 +712,7 @@ window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack header
window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none;
border-style: none; border-color: transparent; box-shadow: none; }
-.titlebar:not(headerbar) separator { background-color: #dad6d2; }
+.titlebar:not(headerbar) separator { background-color: #cdc7c2; }
window.devel headerbar.titlebar:not(.selection-mode) { background: transparent
-gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #e3eaf2 8%,
#f6f5f4 25%); color: rgba(46, 52, 54, 0.1); }
@@ -746,7 +752,7 @@ treeview.view.separator:backdrop { color: rgba(246, 245, 244, 0.1); }
treeview.view:backdrop { border-left-color: #c4c5c5; border-top: #f6f5f4; }
-treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #0f3b71; }
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; }
treeview.view:drop(active).after { border-top-style: none; }
@@ -768,11 +774,11 @@ treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symb
treeview.view.expander:backdrop { color: #b2b4b4; }
-treeview.view.progressbar { color: #ffffff; border: 1px solid #0f3b71; border-radius: 4px; background-color:
#3584e4; background-image: linear-gradient(to bottom, #3584e4, #1b6acb); box-shadow: inset 0 1px rgba(255,
255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
+treeview.view.progressbar { color: #ffffff; border: 1px solid #185fb4; border-radius: 4px; background-color:
#3584e4; background-image: linear-gradient(to bottom, #3584e4, #1b6acb); box-shadow: inset 0 1px rgba(255,
255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; color:
#3584e4; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); }
-treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color:
#3584e4; border-color: #0f3b71; background-color: #fcfcfc; }
+treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color:
#3584e4; border-color: #185fb4; background-color: #fcfcfc; }
treeview.view.progressbar:backdrop { color: #fcfcfc; background-image: none; box-shadow: none; }
@@ -807,11 +813,17 @@ menubar:backdrop, .menubar:backdrop { background-color: #f6f5f4; }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
+menubar > menuitem menu, .menubar > menuitem menu { border-radius: 0; padding: 0; }
+
+menubar > menuitem menu menu, .menubar > menuitem menu menu { border-radius: 0; padding: 0; }
+
menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; }
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #929595; box-shadow: none; }
-menu, .menu, .context-menu { padding: 2px 0px; background-color: #ffffff; border: 1px solid #dad6d2; }
+menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
+
+menu, .menu, .context-menu { padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2;
border-radius: 5px; }
.csd menu, .csd .menu, .csd .context-menu { border: none; }
@@ -837,9 +849,9 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label
menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color:
transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #ffffff;
border-radius: 0; }
-menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid
#eaebeb; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid
#eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -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 #eaebeb; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top:
1px solid #eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source:
-gtk-icontheme("pan-down-symbolic"); }
menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebeb; }
@@ -856,15 +868,15 @@ menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
/*************** Popovers * */
-popover > arrow { background-color: #f6f5f4; border: 1px solid #dad6d2; }
+popover > arrow { background-color: #f6f5f4; border: 1px solid #cdc7c2; }
popover > contents.menu { padding: 8px; background-color: white; margin: 0px; }
popover > contents { padding: 2px; margin: 0px; }
-popover > contents.background { border-radius: 5px; background-color: #f6f5f4; box-shadow: 0 1px 2px rgba(0,
0, 0, 0.3); }
+popover > contents.background { border-radius: 9px; background-color: #f6f5f4; box-shadow: 0 1px 2px rgba(0,
0, 0, 0.3); }
-.csd popover > contents.background, popover > contents.background { border: 1px solid #dad6d2; }
+.csd popover > contents.background, popover > contents.background { border: 1px solid #cdc7c2; }
popover > contents.background:backdrop { background-color: #f6f5f4; box-shadow: none; }
@@ -877,9 +889,9 @@ popover > contents.background separator { margin: 3px; }
popover > contents.background list separator { margin: 0px; }
/************* Notebooks * */
-notebook box > header { padding: 1px; border-color: #dad6d2; border-width: 1px; background-color: #e8e6e3; }
+notebook box > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; }
-notebook box > header:backdrop { border-color: #e0ddd9; background-color: #eeedeb; }
+notebook box > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; }
notebook box > header tabs { margin: -1px; }
@@ -887,7 +899,7 @@ notebook box > header.top { border-bottom-style: solid; }
notebook box > header.top > tabs { margin-bottom: -2px; }
-notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #dad6d2; }
+notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #cdc7c2; }
notebook box > header.top > tabs > tab:backdrop { box-shadow: none; }
@@ -897,7 +909,7 @@ notebook box > header.bottom { border-top-style: solid; }
notebook box > header.bottom > tabs { margin-top: -2px; }
-notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #dad6d2; }
+notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #cdc7c2; }
notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; }
@@ -907,7 +919,7 @@ notebook box > header.left { border-right-style: solid; }
notebook box > header.left > tabs { margin-right: -2px; }
-notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #dad6d2; }
+notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #cdc7c2; }
notebook box > header.left > tabs > tab:backdrop { box-shadow: none; }
@@ -917,7 +929,7 @@ notebook box > header.right { border-left-style: solid; }
notebook box > header.right > tabs { margin-left: -2px; }
-notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #dad6d2; }
+notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #cdc7c2; }
notebook box > header.right > tabs > tab:backdrop { box-shadow: none; }
@@ -953,7 +965,7 @@ notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px
notebook box > header tab:hover { color: #606566; }
-notebook box > header tab:hover.reorderable-page { border-color: rgba(218, 214, 210, 0.3); background-color:
rgba(246, 245, 244, 0.2); }
+notebook box > header tab:hover.reorderable-page { border-color: rgba(205, 199, 194, 0.3); background-color:
rgba(246, 245, 244, 0.2); }
notebook box > header tab:backdrop { color: #babbbb; }
@@ -961,13 +973,13 @@ notebook box > header tab:backdrop.reorderable-page { border-color: transparent;
notebook box > header tab:checked { color: #2e3436; }
-notebook box > header tab:checked.reorderable-page { border-color: rgba(218, 214, 210, 0.5);
background-color: rgba(246, 245, 244, 0.5); }
+notebook box > header tab:checked.reorderable-page { border-color: rgba(205, 199, 194, 0.5);
background-color: rgba(246, 245, 244, 0.5); }
notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(246, 245, 244, 0.7); }
notebook box > header tab:backdrop:checked { color: #929595; }
-notebook box > header tab:backdrop:checked.reorderable-page { border-color: #e0ddd9; background-color:
#f6f5f4; }
+notebook box > header tab:backdrop:checked.reorderable-page { border-color: #d5d0cc; background-color:
#f6f5f4; }
notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px;
min-height: 20px; }
@@ -1014,15 +1026,15 @@ notebook box > stack:not(:only-child):backdrop { background-color: #fcfcfc; }
/************** Scrollbars * */
scrollbar { background-color: #cecece; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-scrollbar.top { border-bottom: 1px solid #dad6d2; }
+scrollbar.top { border-bottom: 1px solid #cdc7c2; }
-scrollbar.bottom { border-top: 1px solid #dad6d2; }
+scrollbar.bottom { border-top: 1px solid #cdc7c2; }
-scrollbar.left { border-right: 1px solid #dad6d2; }
+scrollbar.left { border-right: 1px solid #cdc7c2; }
-scrollbar.right { border-left: 1px solid #dad6d2; }
+scrollbar.right { border-left: 1px solid #cdc7c2; }
-scrollbar:backdrop { background-color: #efedec; border-color: #e0ddd9; transition: 200ms ease-out; }
+scrollbar:backdrop { background-color: #efedec; border-color: #d5d0cc; transition: 200ms ease-out; }
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent;
border-radius: 8px; background-clip: padding-box; background-color: #7e8182; }
@@ -1080,50 +1092,52 @@ scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-sym
scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
-treeview ~ scrollbar.vertical { border-top: 1px solid #dad6d2; margin-top: -1px; }
+treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; }
/********** Switch * */
-switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #dad6d2;
border-radius: 3px; color: #2e3436; background-color: #e8e6e3; text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #cdc7c2;
border-radius: 14px; color: #2e3436; background-color: #e1dedb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /*
only show i / o for the accessible theme */ }
-switch:checked { color: #ffffff; border-color: #0f3b71; background-color: #3584e4; text-shadow: 0 1px
rgba(15, 59, 113, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; text-shadow: 0 1px
rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
-switch:disabled { color: #929595; border-color: #dad6d2; background-color: #faf9f8; text-shadow: none; }
+switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; }
-switch:backdrop { color: #929595; border-color: #e0ddd9; background-color: #eeedeb; text-shadow: none;
transition: 200ms ease-out; }
+switch:backdrop { color: #929595; border-color: #d5d0cc; background-color: #eae8e6; text-shadow: none;
transition: 200ms ease-out; }
switch:backdrop:checked { color: #f6f5f4; border-color: #3584e4; background-color: #3584e4; }
-switch:backdrop:disabled { color: #d4cfca; border-color: #e0ddd9; background-color: #faf9f8; }
+switch:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; }
+
+switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%;
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: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px
rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%);
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
-switch slider { margin: -1px; min-width: 44px; min-height: 26px; border: 1px solid; border-radius: 3px;
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: #a69c92; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px
rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%);
box-shadow: inset 0 1px white, inset 0 -2px #fbfafa, inset 0 -1px #dad6d2, 0 1px rgba(0, 0, 0, 0.1); }
+switch image { color: transparent; }
-switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a69c92;
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #dfdcd8, 0 1px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to bottom, white 10%, white 90%); }
+switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image:
linear-gradient(to bottom, white 10%, white 90%); }
-switch:checked slider { border: 1px solid #0f3b71; }
+switch:checked slider { border: 1px solid #185fb4; }
-switch:disabled slider { border-color: #dad6d2; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:disabled slider { border-color: #cdc7c2; background-image: image(#faf9f8); 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: #929595; }
-switch:backdrop slider { transition: 200ms ease-out; border-color: #e0ddd9; background-image:
image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:backdrop slider { transition: 200ms ease-out; border-color: #d5d0cc; background-image:
image(#f6f5f4); 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: #929595; }
switch:backdrop:checked slider { border-color: #3584e4; }
-switch:backdrop:disabled slider { border-color: #e0ddd9; background-image: image(#faf9f8); text-shadow:
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+switch:backdrop:disabled slider { border-color: #d5d0cc; background-image: image(#faf9f8); 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: #d4cfca; }
-row:selected switch { box-shadow: none; border-color: #0f3b71; }
+row:selected switch { box-shadow: none; border-color: #185fb4; }
-row:selected switch:backdrop { border-color: #0f3b71; }
+row:selected switch:backdrop { border-color: #185fb4; }
-row:selected switch slider:dir(rtl) { border-left-color: #dad6d2; }
+row:selected switch slider:dir(rtl) { border-left-color: #cdc7c2; }
-row:selected switch slider:dir(ltr) { border-right-color: #dad6d2; }
+row:selected switch slider:dir(ltr) { border-right-color: #cdc7c2; }
-row:selected switch slider:checked, row:selected switch slider { border-color: #0f3b71; }
+row:selected switch slider:checked, row:selected switch slider { border-color: #185fb4; }
/************************* Check and Radio items * */
.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source:
-gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode 2 png"));
background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none;
box-shadow: none; border-width: 0; }
@@ -1148,7 +1162,7 @@ checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-but
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button
label:not(:only-child):last-child { margin-right: 4px; }
-check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none;
color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a69c92; text-shadow: 0 1px rgba(255,
255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image:
linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, inset 0 -2px #fbfafa,
inset 0 -1px #dad6d2, 0 1px rgba(0, 0, 0, 0.1); }
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none;
color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255,
255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image:
linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.07); }
check:only-child, radio:only-child { margin: 0; }
@@ -1156,23 +1170,23 @@ popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margi
popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
-check:hover, radio:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a69c92;
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #dfdcd8, 0 1px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to bottom, white 10%, white 90%); }
+check:hover, radio:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image:
linear-gradient(to bottom, white 10%, white 90%); }
-check:active, radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #dad6d2;
background-image: image(#e8e6e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+check:active, radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2;
background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
-check:disabled, radio:disabled { border-color: #dad6d2; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+check:disabled, radio:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); 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: #929595; }
-check:backdrop, radio:backdrop { border-color: #e0ddd9; background-image: image(#f6f5f4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; }
+check:backdrop, radio:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; }
check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #929595; }
-check:backdrop:disabled, radio:backdrop:disabled { border-color: #e0ddd9; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+check:backdrop:disabled, radio:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8);
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: #d4cfca; }
-row:selected check, row:selected radio { border-color: #0f3b71; }
+row:selected check, row:selected radio { border-color: #185fb4; }
.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(36, 33, 42, 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); }
@@ -1210,7 +1224,7 @@ radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:
menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem
check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
-treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus,
treeview.view radio:selected { color: #2e3436; border-color: #0f3b71; }
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus,
treeview.view radio:selected { color: #2e3436; border-color: #185fb4; }
treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #929595; }
@@ -1219,21 +1233,21 @@ treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:dis
treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected,
treeview.view radio:backdrop { color: #929595; }
/************ GtkScale * */
-scale trough, scale fill, progressbar trough { border: 1px solid #dad6d2; border-radius: 3px;
background-color: #e8e6e3; }
+scale trough, scale fill, progressbar trough { border: 1px solid #cdc7c2; border-radius: 3px;
background-color: #e1dedb; }
scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #faf9f8; }
-scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #eeedeb;
border-color: #e0ddd9; transition: 200ms ease-out; }
+scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #eae8e6;
border-color: #d5d0cc; transition: 200ms ease-out; }
scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
background-color: #faf9f8; }
-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, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #0f3b71; }
+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, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #185fb4; }
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
.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(56, 54, 61, 0.5);
}
-scale highlight, progressbar progress { border: 1px solid #0f3b71; border-radius: 3px; background-color:
#3584e4; }
+scale highlight, progressbar progress { border: 1px solid #185fb4; border-radius: 3px; background-color:
#3584e4; }
scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color:
transparent; }
@@ -1241,7 +1255,7 @@ scale highlight:backdrop, progressbar progress:backdrop { border-color: #3584e4;
scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent;
border-color: transparent; }
-row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar
progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale
row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color:
#0f3b71; }
+row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar
progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale
row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color:
#185fb4; }
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: rgba(0, 0, 0, 0.7); }
@@ -1265,7 +1279,7 @@ scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border
scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; }
-scale fill:backdrop, scale fill { background-color: #dad6d2; }
+scale fill:backdrop, scale fill { background-color: #cdc7c2; }
scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color:
transparent; }
@@ -1273,25 +1287,25 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b
.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color:
transparent; }
-scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a69c92; text-shadow: 0
1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image:
linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, inset 0 -2px #fbfafa,
inset 0 -1px #dad6d2, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #9f9489; border-radius: 100%; transition:
all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0
1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image:
linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #b8b0a8; 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: #a69c92;
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #dfdcd8, 0 1px rgba(0, 0, 0, 0.1);
background-image: linear-gradient(to bottom, white 10%, white 90%); }
+scale slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image:
linear-gradient(to bottom, white 10%, white 90%); }
-scale slider:active { border-color: #0f3b71; }
+scale slider:active { border-color: #185fb4; }
-scale slider:disabled { border-color: #dad6d2; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); 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: #929595; }
-scale slider:backdrop { transition: 200ms ease-out; border-color: #e0ddd9; background-image: image(#f6f5f4);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:backdrop { transition: 200ms ease-out; border-color: #d5d0cc; background-image: image(#f6f5f4);
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: #929595; }
-scale slider:backdrop:disabled { border-color: #e0ddd9; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+scale slider:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); 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: #d4cfca; }
-row:selected scale slider:disabled, row:selected scale slider { border-color: #0f3b71; }
+row:selected scale slider:disabled, row:selected scale slider { border-color: #185fb4; }
.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(36, 33, 42, 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: #24212a; }
@@ -1441,7 +1455,7 @@ scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; m
scale.color { min-height: 0; min-width: 0; }
-scale.color trough { background-image: image(#dad6d2); background-repeat: no-repeat; }
+scale.color trough { background-image: image(#cdc7c2); background-repeat: no-repeat; }
scale.color.horizontal { padding: 0 0 15px 0; }
@@ -1529,9 +1543,9 @@ levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; }
levelbar:backdrop { transition: 200ms ease-out; }
-levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #dad6d2;
background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
+levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #cdc7c2;
background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
-levelbar trough:backdrop { color: #323232; border-color: #e0ddd9; background-color: #fcfcfc; box-shadow:
none; }
+levelbar trough:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow:
none; }
levelbar block { border: 1px solid; border-radius: 1px; }
@@ -1554,61 +1568,53 @@ levelbar block.empty:backdrop { border-color: rgba(146, 149, 149, 0.15); }
/**************** Print dialog * */
printdialog drawing { color: #2e3436; background: white; border: none; padding: 0; }
-printdialog drawing:backdrop { color: #929595; border-color: #e0ddd9; }
+printdialog drawing:backdrop { color: #929595; border-color: #d5d0cc; }
-printdialog drawing paper { border: 1px solid #dad6d2; }
+printdialog drawing paper { border: 1px solid #cdc7c2; }
printdialog .dialog-action-box { margin: 12px; }
/********** Frames * */
-frame, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #dad6d2; }
+frame, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #cdc7c2; }
frame.flat, .frame.flat { border-style: none; }
-frame:backdrop, .frame:backdrop { border-color: #e0ddd9; }
+frame:backdrop, .frame:backdrop { border-color: #d5d0cc; }
-actionbar > revealer > box { padding: 6px; border-top: 1px solid #dad6d2; }
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; }
-actionbar > revealer > box:backdrop { border-color: #e0ddd9; }
+actionbar > revealer > box:backdrop { border-color: #d5d0cc; }
scrolledwindow viewport.frame { border-style: none; }
-scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #c4bdb6 85%,
rgba(196, 189, 182, 0)), radial-gradient(farthest-side at top, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color:
transparent; border: none; box-shadow: none; }
-
-scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #e0ddd9 85%,
rgba(224, 221, 217, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top;
background-color: transparent; border: none; box-shadow: none; }
-
-scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #c4bdb6 85%,
rgba(196, 189, 182, 0)), radial-gradient(farthest-side at bottom, rgba(46, 52, 54, 0.07), rgba(46, 52, 54,
0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #b6aea5 85%,
rgba(182, 174, 165, 0)), radial-gradient(farthest-side at top, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color:
transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom,
#e0ddd9 85%, rgba(224, 221, 217, 0)); background-size: 100% 3%; background-repeat: no-repeat;
background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #d5d0cc 85%,
rgba(213, 208, 204, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #c4bdb6 85%,
rgba(196, 189, 182, 0)), radial-gradient(farthest-side at left, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b6aea5 85%,
rgba(182, 174, 165, 0)), radial-gradient(farthest-side at bottom, rgba(46, 52, 54, 0.07), rgba(46, 52, 54,
0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #e0ddd9
85%, rgba(224, 221, 217, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
left; background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom,
#d5d0cc 85%, rgba(213, 208, 204, 0)); background-size: 100% 3%; background-repeat: no-repeat;
background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #c4bdb6 85%,
rgba(196, 189, 182, 0)), radial-gradient(farthest-side at right, rgba(46, 52, 54, 0.07), rgba(46, 52, 54,
0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right;
background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #b6aea5 85%,
rgba(182, 174, 165, 0)), radial-gradient(farthest-side at left, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0));
background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #e0ddd9
85%, rgba(224, 221, 217, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
right; background-color: transparent; border: none; box-shadow: none; }
+scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #d5d0cc
85%, rgba(213, 208, 204, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
left; background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px;
background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none;
box-shadow: none; }
+scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #b6aea5 85%,
rgba(182, 174, 165, 0)), radial-gradient(farthest-side at right, rgba(46, 52, 54, 0.07), rgba(46, 52, 54,
0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right;
background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px;
background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border:
none; box-shadow: none; }
+scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #d5d0cc
85%, rgba(213, 208, 204, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position:
right; background-color: transparent; border: none; box-shadow: none; }
-scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px;
background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none;
box-shadow: none; }
-
-scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top,
rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px;
background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none;
box-shadow: none; }
-
-scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dad6d2 1px,
transparent 1px) 0 0 0 1/0 1px stretch; background-color: #cecece; }
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #cdc7c2 1px,
transparent 1px) 0 0 0 1/0 1px stretch; background-color: #cecece; }
scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
-scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #e0ddd9 1px, transparent
1px); background-color: #efedec; transition: 200ms ease-out; }
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d5d0cc 1px, transparent
1px); background-color: #efedec; transition: 200ms ease-out; }
separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; }
/********* Lists * */
-list { color: black; background-color: #ffffff; border-color: #dad6d2; }
+list { color: black; background-color: #ffffff; border-color: #cdc7c2; }
-list:backdrop { background-color: #fcfcfc; border-color: #e0ddd9; }
+list:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; }
list row { padding: 2px; }
@@ -1655,7 +1661,7 @@ expander title > arrow:checked, expander title:checked > arrow { -gtk-icon-sourc
expander title:hover > arrow { color: #748489; }
/************ Calendar * */
-calendar { color: black; border: 1px solid #dad6d2; }
+calendar { color: black; border: 1px solid #cdc7c2; }
calendar:selected { border-radius: 3px; }
@@ -1675,7 +1681,7 @@ calendar.highlight { color: #929595; }
calendar.highlight:backdrop { color: #d4cfca; }
-calendar:backdrop { color: #323232; border-color: #e0ddd9; }
+calendar:backdrop { color: #323232; border-color: #d5d0cc; }
calendar:indeterminate { color: alpha(currentColor,0.1); }
@@ -1690,9 +1696,9 @@ messagedialog.csd .dialog-action-area button:first-child { border-left-style: no
messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px;
-gtk-outline-bottom-right-radius: 5px; }
-filechooser .dialog-action-box { border-top: 1px solid #dad6d2; }
+filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; }
-filechooser .dialog-action-box:backdrop { border-top-color: #e0ddd9; }
+filechooser .dialog-action-box:backdrop { border-top-color: #d5d0cc; }
filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; }
@@ -1701,11 +1707,11 @@ filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
.sidebar { border-style: none; background-color: #fbfafa; }
-stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #dad6d2; border-left-style: none; }
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #cdc7c2; border-left-style: none; }
-stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #dad6d2;
border-right-style: none; }
+stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), stacksidebar.sidebar.right list
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #cdc7c2;
border-right-style: none; }
-.sidebar:backdrop { background-color: #f9f9f8; border-color: #e0ddd9; transition: 200ms ease-out; }
+.sidebar:backdrop { background-color: #f9f9f8; border-color: #d5d0cc; transition: 200ms ease-out; }
.sidebar list { background-color: transparent; }
@@ -1717,9 +1723,9 @@ stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
-separator.sidebar { background-color: #dad6d2; }
+separator.sidebar { background-color: #cdc7c2; }
-separator.sidebar:backdrop { background-color: #e0ddd9; }
+separator.sidebar:backdrop { background-color: #d5d0cc; }
separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #15539e; }
@@ -1773,15 +1779,15 @@ placesview row.activatable:hover { background-color: transparent; }
placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
/********* Paned * */
-paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none;
background-color: transparent; background-image: image(#dad6d2); background-size: 1px 1px; }
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none;
background-color: transparent; background-image: image(#cdc7c2); background-size: 1px 1px; }
paned > separator:selected { background-image: image(#3584e4); }
-paned > separator:backdrop { background-image: image(#e0ddd9); }
+paned > separator:backdrop { background-image: image(#d5d0cc); }
-paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image:
image(#dad6d2), image(#dad6d2); background-size: 1px 1px, 1px 1px; }
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image:
image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; }
-paned > separator.wide:backdrop { background-color: #f6f5f4; background-image: image(#e0ddd9),
image(#e0ddd9); }
+paned > separator.wide:backdrop { background-color: #f6f5f4; background-image: image(#d5d0cc),
image(#d5d0cc); }
paned.horizontal > separator { background-repeat: repeat-y; }
@@ -1811,21 +1817,21 @@ infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
text-shadow: none; }
-infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #15539e; border-bottom-color: #0f3b71;
background-image: linear-gradient(to bottom, #3584e4, #2379e2 95%, #1d72d8 1px); text-shadow: 0 -1px rgba(0,
0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255,
255, 0.4); }
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e;
background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px
rgba(0, 0, 0, 0.07); }
-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: #15539e;
border-bottom-color: #0f3b71; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0,
0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-image: linear-gradient(to
bottom, #5094e8, #3584e4 95%, #1d72d8 1px); }
+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: #1b6acb;
border-bottom-color: #15539e; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0,
0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #3584e4, #3987e5 1px); }
-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:
#15539e; background-image: image(#1e74dd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+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:
#1b6acb; background-image: image(#1961b9); 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: #15539e; background-image: image(#5396e8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled,
infobar.error button:disabled { border-color: #1b6acb; background-image: image(#5396e8); 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: #a9cbf4; }
-infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop,
infobar.error button:backdrop { border-color: #3584e4; background-image: image(#3584e4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #15539e; }
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop,
infobar.error button:backdrop { border-color: #3584e4; background-image: image(#3584e4); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1b6acb; }
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: #d7e6fa; }
-infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning
button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #5396e8; background-image:
image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #15539e; }
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning
button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #5396e8; background-image:
image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #1b6acb; }
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: #8fbbf0; }
@@ -1891,11 +1897,11 @@ colorswatch#add-color-button { border-radius: 5px 5px 0 0; }
colorswatch#add-color-button:only-child { border-radius: 5px; }
-colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color:
#dad6d2; border-bottom-color: #a69c92; background-image: linear-gradient(to bottom, #f6f5f4, #edebe9 95%,
#e6e3e0 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255,
0.769231); box-shadow: inset 0 1px white; }
+colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color:
#cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
-colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3);
border-color: #dad6d2; border-bottom-color: #a69c92; text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white; background-image:
linear-gradient(to bottom, white, #f6f5f4 95%, #e6e3e0 1px); }
+colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3);
border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
-colorswatch#add-color-button overlay:backdrop { border-color: #e0ddd9; background-image: image(#f6f5f4);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+colorswatch#add-color-button overlay:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4);
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:
#929595; }
@@ -1923,7 +1929,7 @@ colorchooser .popover.osd { border-radius: 5px; }
.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; }
/********************** Window Decorations * */
-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(0, 0, 0, 0.23); margin: 10px; }
+decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0
0 0 1px rgba(0, 0, 0, 0.23); 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(0, 0, 0, 0.18); transition: 200ms ease-out; }
@@ -1933,13 +1939,13 @@ decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(
.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
-.csd.popup decoration { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0,
0.13); }
+.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0,
0, 0.13); }
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(0, 0, 0, 0.13); }
+messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px
rgba(0, 0, 0, 0.13); }
-.solid-csd decoration { margin: 0; padding: 4px; background-color: #dad6d2; border: solid 1px #dad6d2;
border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #cdc7c2; border: solid 1px #cdc7c2;
border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); }
@@ -1990,7 +1996,7 @@ shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
-.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px;
padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e8e6e3;
border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; }
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px;
padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e1dedb;
border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; }
.keycap:backdrop { background-color: #fcfcfc; color: #929595; transition: 200ms ease-out; }
@@ -2000,6 +2006,13 @@ stackswitcher button.text-button { min-width: 100px; }
stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height:
32px; padding: 0; }
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0,
0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
+
/********* Emoji * */
popover.emoji-picker { padding-left: 0; padding-right: 0; }
@@ -2007,7 +2020,7 @@ button.emoji-section { border-color: transparent; border-width: 3px; border-styl
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
-button.emoji-section:hover { border-color: #dad6d2; }
+button.emoji-section:hover { border-color: #cdc7c2; }
button.emoji-section:checked { border-color: #3584e4; }
@@ -2078,10 +2091,10 @@ insensitive color on backdrop windows*/
@define-color unfocused_insensitive_color #d4cfca;
/*
widgets main borders color */
-@define-color borders #dad6d2;
+@define-color borders #cdc7c2;
/*
widgets main borders color on backdrop windows */
-@define-color unfocused_borders #e0ddd9;
+@define-color unfocused_borders #d5d0cc;
/*
these are pretty self explicative */
@define-color warning_color #f57900;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
