Adwaita: fix label styling

backdrop wasn't in the mix, added and adjusted other widgets
styling not to be overridden by it when not needed.
Spotted a typo making the backdrop base color white in the process.
This commit is contained in:
Lapo Calamandrei 2016-03-19 18:55:13 +01:00
parent 20a8ac5542
commit e079b92a55
5 changed files with 424 additions and 203 deletions

View File

@ -52,7 +52,7 @@ $insensitive_bg_color: mix($bg_color, $base_color, 60%);
$insensitive_borders_color: $borders_color;
//colors for the backdrop state, derived from the main colors.
$backdrop_base_color: if($variant ==' light', darken($base_color, 1%), lighten($base_color, 1%));
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
$backdrop_bg_color: $bg_color;
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);

View File

@ -150,16 +150,27 @@ label {
&:backdrop { color: $backdrop_fg_color; }
}
&:selected,
selection,
selection:focus,
selection:hover { @extend %selected_items; }
row:selected &,
&:selected { @extend %selected_items; }
selection {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:disabled {
color: $insensitive_fg_color;
selection { @extend %selected_items:disabled; }
&:backdrop { color: $backdrop_insensitive_color; }
}
&:backdrop {
color: $backdrop_fg_color;
selection { @extend %selected_items:backdrop; }
}
}
.dim-label {

View File

@ -51,14 +51,13 @@
// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop;
//
background-color: $base_color;
background-image: entry_gradient($base_color);
$_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1));
$_entry_edge: if($edge == none, none, _widget_edge($edge));
@if $t==normal {
color: $text_color;
border-color: $borders_color;
background-image: entry_gradient($base_color);
@include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge);
// for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
}
@ -71,7 +70,6 @@
border-color: $borders_color;
background-image: linear-gradient(to bottom, $insensitive_bg_color);
box-shadow: $_entry_edge;
}
@if $t==backdrop {
color: $backdrop_text_color;
@ -295,7 +293,8 @@
//
$_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color);
label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); }
border-color: if($c!=$bg_color, _border_color($c),
$insensitive_borders_color);
background-image: linear-gradient(to bottom, $_bg);
@ -313,7 +312,8 @@
$insensitive_bg_color);
$_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color);
color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color);
label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); }
border-color: $_bc;
background-image: linear-gradient(to bottom, mix($_bc, $_bg, 10%), $_bg);
// white with 0 alpha to avoid an ugly transition, since no color means
@ -328,7 +328,8 @@
$_bg: if($c!=$bg_color,$c,$backdrop_bg_color);
$_bc: if($variant=='light',$c,_border_color($c));
color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color);
label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: linear-gradient(to bottom, $_bg);
text-shadow: none;
@ -344,7 +345,8 @@
$_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill);
$_bc: if($variant=='light',$_bg,_border_color($c));
color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color);
label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: linear-gradient(to bottom, $_bg);
@include _shadows(inset 0 1px transparentize(white, 1),
@ -359,7 +361,8 @@
$_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
$_bc: if($variant=='light', $_bg,_border_color($c));
color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: linear-gradient(to bottom, $_bg);
text-shadow: none;
@ -379,7 +382,8 @@
darken($insensitive_bg_color, 5%));
$_bc: if($variant=='light', $_bg,_border_color($c));
color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color);
label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: linear-gradient(to bottom, $_bg);
@include _shadows(inset 0 1px transparentize(white, 1),

View File

@ -92,10 +92,15 @@ label.separator {
color: #eeeeec; }
label.separator:backdrop {
color: #949796; }
label selection {
background-color: #215d9c;
color: #ffffff; }
label:disabled {
color: #949796; }
label:disabled:backdrop {
color: #5d6767; }
label:backdrop {
color: #949796; }
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
@ -160,10 +165,9 @@ entry {
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: white;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); }
spinbutton:not(.vertical) image.left,
entry image.left {
@ -205,30 +209,22 @@ entry {
border-radius: 0; }
spinbutton:focus:not(.vertical),
entry:focus {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
box-shadow: inset 0 0 0 1px #215d9c;
border-color: #0f2b48; }
spinbutton:disabled:not(.vertical),
entry:disabled {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
box-shadow: none; }
spinbutton:backdrop:not(.vertical),
entry:backdrop {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: #d5d5d5;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #2c2c2c);
box-shadow: none; }
spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
@ -239,8 +235,6 @@ entry {
border-color: #1a0000; }
spinbutton.error:focus:not(.vertical),
entry.error:focus {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
box-shadow: inset 0 0 0 1px #cc0000;
border-color: #1a0000; }
spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical),
@ -253,8 +247,6 @@ entry {
border-color: #432100; }
spinbutton.warning:focus:not(.vertical),
entry.warning:focus {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
box-shadow: inset 0 0 0 1px #f57900;
border-color: #432100; }
spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical),
@ -280,8 +272,6 @@ entry {
box-shadow: inset 0 0 0 1px #4e9a06; }
.osd spinbutton:not(.vertical), .osd
entry {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -291,8 +281,6 @@ entry {
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton:focus:not(.vertical), .osd
entry:focus {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: white;
border-color: #215d9c;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -302,8 +290,6 @@ entry {
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -313,8 +299,6 @@ entry {
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -465,40 +449,64 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop {
color: #949796; }
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #303535);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.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: #949796; }
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled {
color: #5d6767; }
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label {
color: #5d6767; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
@ -511,19 +519,27 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label,
.titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled label, button:disabled {
color: #949796; }
notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #313434, #333636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label,
.titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label,
.titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: #949796; }
notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton,
.titlebar button.image-button.titlebutton, button.image-button {
min-width: 24px;
@ -732,29 +748,33 @@ button.suggested-action {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
color: #d3dfeb;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop {
color: #d3dfeb; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
color: #d1dae3;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
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: #d1dae3; }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
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: #5d6767; }
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 {
color: #6c88a7;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label {
color: #6c88a7; }
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@ -764,17 +784,19 @@ button.suggested-action {
-gtk-icon-shadow: none;
color: rgba(33, 93, 156, 0.8); }
button.suggested-action:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled label, button.suggested-action:disabled {
color: #949796; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #a5b6c9;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1b4470, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked {
color: #a5b6c9; }
.osd button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
@ -851,29 +873,33 @@ button.destructive-action {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
color: #f7cfcf;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #d51010);
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: #f7cfcf; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
color: #edcece;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #a60c0c);
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: #edcece; }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
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: #5d6767; }
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 {
color: #c46565;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label {
color: #c46565; }
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@ -883,17 +909,19 @@ button.destructive-action {
-gtk-icon-shadow: none;
color: rgba(213, 16, 16, 0.8); }
button.destructive-action:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled label, button.destructive-action:disabled {
color: #949796; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #dba0a0;
border-color: #5e0707;
background-image: linear-gradient(to bottom, #9d1111, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked {
color: #dba0a0; }
.osd button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
@ -1003,41 +1031,47 @@ button.destructive-action {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar toolbutton > button:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
color: #949796; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #313434, #333636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #303535);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
color: #5d6767; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
color: #5d6767; }
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
@ -1521,7 +1555,6 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
color: #d3dfeb;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
@ -1529,36 +1562,61 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none;
border-color: #0f2b48; }
.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,
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: #d3dfeb; }
.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,
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 {
color: #d1dae3;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
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 button:backdrop:checked {
color: #d1dae3; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
color: #6f91b4;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.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,
headerbar.selection-mode button:backdrop.flat:disabled label,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled label,
headerbar.selection-mode button:backdrop:disabled {
color: #6f91b4; }
.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,
headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
color: #6c88a7;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:active label,
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
color: #6c88a7; }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
@ -1571,19 +1629,27 @@ headerbar {
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
color: #91aac5;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled {
color: #91aac5; }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: #a5b6c9;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #1b4470, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active label,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked label,
headerbar.selection-mode button:disabled:checked {
color: #a5b6c9; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: #eeeeec;
@ -1616,31 +1682,40 @@ headerbar {
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
color: #949796; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
color: #949796; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled label,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #5d6767; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
@ -2371,28 +2446,31 @@ switch {
switch:active slider {
border: 1px solid #0f2b48; }
switch:disabled slider {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:disabled slider label, switch:disabled slider {
color: #949796; }
switch:backdrop slider {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop slider label, switch:backdrop slider {
color: #949796; }
switch:backdrop:active slider {
border-color: #0f2b48; }
switch:backdrop:disabled slider {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop:disabled slider label, switch:backdrop:disabled slider {
color: #5d6767; }
/*************************
* Check and Radio items *
@ -2486,28 +2564,37 @@ radio {
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
check:disabled,
radio:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
check:disabled label, check:disabled,
radio:disabled label,
radio:disabled {
color: #949796; }
check:backdrop,
radio:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
check:backdrop label, check:backdrop,
radio:backdrop label,
radio:backdrop {
color: #949796; }
check:backdrop:disabled,
radio:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
check:backdrop:disabled label, check:backdrop:disabled,
radio:backdrop:disabled label,
radio:backdrop:disabled {
color: #5d6767; }
.osd check, .osd
radio {
color: #eeeeec;
@ -2742,26 +2829,29 @@ scale {
scale slider:active {
border-color: #0f2b48; }
scale slider:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:disabled label, scale slider:disabled {
color: #949796; }
scale slider:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop label, scale slider:backdrop {
color: #949796; }
scale slider:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
color: #5d6767; }
row:selected scale slider, row:selected scale slider:disabled {
border-color: #0f2b48; }
.osd scale slider {
@ -3320,14 +3410,11 @@ levelbar trough {
border: 1px solid;
padding: 2px;
border-radius: 3px;
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: white;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); }
levelbar trough:backdrop {
background-color: #292929;
background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%);
color: #d5d5d5;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #2c2c2c);
@ -3844,34 +3931,55 @@ infobar {
.question button:disabled,
.warning button:disabled,
.error button:disabled {
color: #91aac5;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.info button:disabled label, .info button:disabled,
.question button:disabled label,
.question button:disabled,
.warning button:disabled label,
.warning button:disabled,
.error button:disabled label,
.error button:disabled {
color: #91aac5; }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
.error button:backdrop {
color: #d3dfeb;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0b1e33; }
.info button:backdrop label, .info button:backdrop,
.question button:backdrop label,
.question button:backdrop,
.warning button:backdrop label,
.warning button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #d3dfeb; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
color: #6f91b4;
border-color: #0b1e33;
background-image: linear-gradient(to bottom, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0b1e33; }
.info button:backdrop:disabled label, .info button:backdrop:disabled,
.question button:backdrop:disabled label,
.question button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #6f91b4; }
.info label:selected:focus, .info label:selected:hover, .info label:selected,
.question label:selected:focus,
.question label:selected:hover,
@ -3974,12 +4082,13 @@ colorswatch#add-color-button {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
colorswatch#add-color-button overlay:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop {
color: #949796; }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
@ -4068,10 +4177,7 @@ textview text:selected:focus,
iconview text:selected,
textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
textview text selection, flowbox flowboxchild:selected, label:selected,
label selection,
label selection:focus,
label selection:hover, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
textview text selection, flowbox flowboxchild:selected, row:selected label, label:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
entry selection:focus,
entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
popover.background radiobutton:selected,
@ -4084,8 +4190,7 @@ popover.background radiobutton:selected,
.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:selected,
label selection:disabled, spinbutton:not(.vertical) selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, row:selected label:disabled, label:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
popover.background radiobutton:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .sidebar :disabled:selected {
@ -4096,8 +4201,7 @@ popover.background radiobutton:selected,
.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:selected,
label selection:backdrop, spinbutton:not(.vertical) selection:backdrop,
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop,
entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
popover.background radiobutton:backdrop:selected,
.menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected, .sidebar :backdrop:selected {
@ -4106,8 +4210,7 @@ popover.background radiobutton: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:backdrop:disabled:selected,
label selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, row:selected label:backdrop:disabled, label: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, popover.background checkbutton:backdrop:disabled:selected,
popover.background radiobutton:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected, .sidebar :backdrop:disabled:selected {

View File

@ -63,8 +63,8 @@ textview text {
.view text:backdrop,
iconview text:backdrop,
textview text:backdrop {
color: #333333;
background-color: white; }
color: #323232;
background-color: #fcfcfc; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
iconview text:selected:focus,
@ -92,10 +92,15 @@ label.separator {
color: #2e3436; }
label.separator:backdrop {
color: #8b8e8f; }
label selection {
background-color: #4a90d9;
color: #ffffff; }
label:disabled {
color: #8b8e8f; }
label:disabled:backdrop {
color: #c3c3c0; }
label:backdrop {
color: #8b8e8f; }
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
@ -106,7 +111,7 @@ assistant .sidebar {
background-color: #ffffff;
border-top: 1px solid #9d9d99; }
assistant .sidebar:backdrop {
background-color: white;
background-color: #fcfcfc;
border-color: #a5a5a1; }
assistant.csd .sidebar {
border-top-style: none; }
@ -118,7 +123,7 @@ assistant .sidebar label.highlight {
textview {
background-color: #f4f4f3; }
textview:backdrop {
background-color: #f4f4f3; }
background-color: #f2f2f2; }
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.osd, .csd popover.background.osd, .app-notification,
.app-notification.frame, .osd .scale-popup, .osd {
@ -160,10 +165,9 @@ entry {
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: black;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); }
spinbutton:not(.vertical) image.left,
entry image.left {
@ -205,30 +209,22 @@ entry {
border-radius: 0; }
spinbutton:focus:not(.vertical),
entry:focus {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #4a90d9;
border-color: #4a90d9; }
spinbutton:disabled:not(.vertical),
entry:disabled {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
box-shadow: none; }
spinbutton:backdrop:not(.vertical),
entry:backdrop {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #333333;
color: #323232;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, white);
background-image: linear-gradient(to bottom, #fcfcfc);
box-shadow: none; }
spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
@ -239,8 +235,6 @@ entry {
border-color: #cc0000; }
spinbutton.error:focus:not(.vertical),
entry.error:focus {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #cc0000;
border-color: #cc0000; }
spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical),
@ -253,8 +247,6 @@ entry {
border-color: #f57900; }
spinbutton.warning:focus:not(.vertical),
entry.warning:focus {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px #f57900;
border-color: #f57900; }
spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical),
@ -272,7 +264,7 @@ entry {
color: #4a90d9; }
spinbutton:not(.vertical) image:backdrop,
entry image:backdrop {
color: #a2a5a5; }
color: #a2a4a5; }
spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus,
entry:drop(active) {
@ -280,8 +272,6 @@ entry {
box-shadow: inset 0 0 0 1px #4e9a06; }
.osd spinbutton:not(.vertical), .osd
entry {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -291,8 +281,6 @@ entry {
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton:focus:not(.vertical), .osd
entry:focus {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: white;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -302,8 +290,6 @@ entry {
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
@ -313,8 +299,6 @@ entry {
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@ -359,8 +343,8 @@ entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
.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: #e4e4e3;
background-image: linear-gradient(to bottom, white); }
border-top-color: #e2e2e1;
background-image: linear-gradient(to bottom, #fcfcfc); }
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
entry:disabled + entry:disabled {
@ -465,40 +449,64 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label,
.titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop {
color: #8b8e8f; }
notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label,
.titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
.titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label,
.titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.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: #8b8e8f; }
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label,
.titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled {
color: #c3c3c0; }
notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
.titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label,
.titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label,
.titlebar 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: #c3c3c0; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
@ -511,19 +519,27 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label,
.titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled, button:disabled label, button:disabled {
color: #8b8e8f; }
notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label,
.titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
.titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label,
.titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked,
.titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
color: #8b8e8f; }
notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton,
.titlebar button.image-button.titlebutton, button.image-button {
min-width: 24px;
@ -552,7 +568,7 @@ row:selected button {
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: white; }
color: #fcfcfc; }
button.osd {
min-width: 24px;
min-height: 32px;
@ -734,29 +750,33 @@ button.suggested-action {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop {
color: #dbe9f7; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
color: #d4e4f4;
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
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: #d4e4f4; }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
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: #c3c3c0; }
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 {
color: #8db9e8;
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label {
color: #8db9e8; }
button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@ -766,17 +786,19 @@ button.suggested-action {
-gtk-icon-shadow: none;
color: rgba(74, 144, 217, 0.8); }
button.suggested-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #8b8e8f; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #b9d4f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked {
color: #b9d4f1; }
.osd button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
@ -853,29 +875,33 @@ button.destructive-action {
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
color: #fcd4d4;
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
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: #fcd4d4; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
color: #f7cfcf;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
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: #f7cfcf; }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #c3c3c0; }
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 {
color: #f57979;
border-color: #ef3131;
background-image: linear-gradient(to bottom, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label {
color: #f57979; }
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@ -885,17 +911,19 @@ button.destructive-action {
-gtk-icon-shadow: none;
color: rgba(239, 41, 41, 0.8); }
button.destructive-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #8b8e8f; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #f9adad;
border-color: #8e0b0b;
background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked {
color: #f9adad; }
.osd button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
@ -1005,41 +1033,47 @@ button.destructive-action {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar toolbutton > button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
color: #c3c3c0; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
color: #c3c3c0; }
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
@ -1247,7 +1281,7 @@ spinbutton:not(.vertical) {
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: #97999a;
color: #96999a;
background-color: transparent;
border-color: rgba(165, 165, 161, 0.3); }
spinbutton:not(.vertical) button:backdrop:disabled {
@ -1527,7 +1561,6 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
@ -1535,36 +1568,61 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none;
border-color: #184472; }
.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,
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: #dbe9f7; }
.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,
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 {
color: #d4e4f4;
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
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 button:backdrop:checked {
color: #d4e4f4; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
color: #9bc2ea;
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.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,
headerbar.selection-mode button:backdrop.flat:disabled label,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled label,
headerbar.selection-mode button:backdrop:disabled {
color: #9bc2ea; }
.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,
headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
color: #8db9e8;
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
headerbar.selection-mode button:backdrop.flat:disabled:active label,
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
color: #8db9e8; }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
@ -1577,19 +1635,27 @@ headerbar {
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
color: #b2d0ef;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled label,
headerbar.selection-mode button:disabled {
color: #b2d0ef; }
.selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: #b9d4f1;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active label,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked label,
headerbar.selection-mode button:disabled:checked {
color: #b9d4f1; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: #2e3436;
@ -1622,31 +1688,40 @@ headerbar {
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
color: #8b8e8f; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
color: #8b8e8f; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled label,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #c3c3c0; }
.selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
@ -1780,7 +1855,7 @@ treeview.view {
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:backdrop {
color: #aeb0b1; }
color: #adafb0; }
treeview.view.progressbar {
color: #ffffff;
border: 1px solid #184472;
@ -1796,9 +1871,9 @@ treeview.view {
treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
color: #4a90d9;
border-color: #184472;
background-color: white; }
background-color: #fcfcfc; }
treeview.view.progressbar:backdrop {
color: white;
color: #fcfcfc;
background-image: none;
box-shadow: none; }
treeview.view.trough {
@ -1855,7 +1930,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
border-style: none solid solid none;
color: #babbbb;
background-image: none;
background-color: white; }
background-color: #fcfcfc; }
treeview.view header button:backdrop:disabled {
border-color: #e8e8e7;
background-image: none; }
@ -1895,7 +1970,7 @@ menu,
border: none; }
menu:backdrop,
.menu:backdrop {
background-color: white; }
background-color: #fcfcfc; }
menu menuitem,
.menu menuitem {
min-height: 16px;
@ -2171,7 +2246,7 @@ notebook > header {
notebook > stack:not(:only-child) {
background-color: #ffffff; }
notebook > stack:not(:only-child):backdrop {
background-color: white; }
background-color: #fcfcfc; }
/**************
* Scrollbars *
@ -2384,28 +2459,31 @@ switch {
switch:active slider {
border: 1px solid #184472; }
switch:disabled slider {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #8b8e8f; }
switch:backdrop slider {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
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: #8b8e8f; }
switch:backdrop:active slider {
border-color: #4a90d9; }
switch:backdrop:disabled slider {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #c3c3c0; }
row:selected switch {
box-shadow: none;
border-color: #184472; }
@ -2510,28 +2588,37 @@ radio {
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
check:disabled,
radio:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #8b8e8f; }
check:backdrop,
radio:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
check:backdrop label, check:backdrop,
radio:backdrop label,
radio:backdrop {
color: #8b8e8f; }
check:backdrop:disabled,
radio:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #c3c3c0; }
row:selected check, row:selected
radio {
border-color: #184472; }
@ -2770,26 +2857,29 @@ scale {
scale slider:active {
border-color: #184472; }
scale slider:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #8b8e8f; }
scale slider:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop label, scale slider:backdrop {
color: #8b8e8f; }
scale slider:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
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: #c3c3c0; }
row:selected scale slider, row:selected scale slider:disabled {
border-color: #184472; }
.osd scale slider {
@ -3348,17 +3438,14 @@ levelbar trough {
border: 1px solid;
padding: 2px;
border-radius: 3px;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: black;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); }
levelbar trough:backdrop {
background-color: #ffffff;
background-image: linear-gradient(to bottom, #d3d3d1, #fcfcfc 2px, #ffffff 90%);
color: #333333;
color: #323232;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, white);
background-image: linear-gradient(to bottom, #fcfcfc);
box-shadow: none; }
levelbar.horizontal.discrete block {
margin: 0 1px; }
@ -3562,7 +3649,7 @@ list {
background-color: #ffffff;
border-color: #9d9d99; }
list:backdrop {
background-color: white;
background-color: #fcfcfc;
border-color: #a5a5a1; }
list row {
padding: 2px; }
@ -3642,7 +3729,7 @@ calendar {
font-size: smaller;
color: #2e3436; }
calendar:backdrop {
color: #333333;
color: #323232;
border-color: #a5a5a1; }
/***********
@ -3698,7 +3785,7 @@ filechooserbutton:drop(active) {
border-left: 1px solid #9d9d99;
border-right-style: none; }
.sidebar:backdrop {
background-color: #f4f4f3;
background-color: #f2f2f2;
border-color: #a5a5a1; }
.sidebar list {
background-color: transparent; }
@ -3872,34 +3959,55 @@ infobar {
.question button:disabled,
.warning button:disabled,
.error button:disabled {
color: #b2d0ef;
border-color: #1c5187;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.info button:disabled label, .info button:disabled,
.question button:disabled label,
.question button:disabled,
.warning button:disabled label,
.warning button:disabled,
.error button:disabled label,
.error button:disabled {
color: #b2d0ef; }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
.error button:backdrop {
color: #dbe9f7;
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #1c5187; }
.info button:backdrop label, .info button:backdrop,
.question button:backdrop label,
.question button:backdrop,
.warning button:backdrop label,
.warning button:backdrop,
.error button:backdrop label,
.error button:backdrop {
color: #dbe9f7; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
color: #9bc2ea;
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #1c5187; }
.info button:backdrop:disabled label, .info button:backdrop:disabled,
.question button:backdrop:disabled label,
.question button:backdrop:disabled,
.warning button:backdrop:disabled label,
.warning button:backdrop:disabled,
.error button:backdrop:disabled label,
.error button:backdrop:disabled {
color: #9bc2ea; }
.info label:selected:focus, .info label:selected:hover, .info label:selected,
.question label:selected:focus,
.question label:selected:hover,
@ -3972,7 +4080,7 @@ colorswatch.light overlay {
colorswatch.light overlay:hover {
border-color: rgba(0, 0, 0, 0.5); }
colorswatch.light overlay:backdrop {
color: #333333; }
color: #323232; }
colorswatch overlay {
box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
border: 1px solid rgba(0, 0, 0, 0.3); }
@ -4002,12 +4110,13 @@ colorswatch#add-color-button {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white; }
colorswatch#add-color-button overlay:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
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: #8b8e8f; }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
@ -4096,10 +4205,7 @@ textview text:selected:focus,
iconview text:selected,
textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
textview text selection, flowbox flowboxchild:selected, label:selected,
label selection,
label selection:focus,
label selection:hover, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
textview text selection, flowbox flowboxchild:selected, row:selected label, label:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
entry selection:focus,
entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
popover.background radiobutton:selected,
@ -4113,8 +4219,7 @@ popover.background radiobutton:selected,
.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:selected,
label selection:disabled, spinbutton:not(.vertical) selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, row:selected label:disabled, label:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
popover.background radiobutton:disabled:selected,
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected, .sidebar :disabled:selected {
@ -4125,8 +4230,7 @@ popover.background radiobutton:selected,
.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:selected,
label selection:backdrop, spinbutton:not(.vertical) selection:backdrop,
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, row:selected label:backdrop, label:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop,
entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
popover.background radiobutton:backdrop:selected,
.menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected, .sidebar :backdrop:selected {
@ -4135,8 +4239,7 @@ popover.background radiobutton: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:backdrop:disabled:selected,
label selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, row:selected label:backdrop:disabled, label: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, popover.background checkbutton:backdrop:disabled:selected,
popover.background radiobutton:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected, .sidebar :backdrop:disabled:selected {
@ -4202,7 +4305,7 @@ button.circular {
box-shadow: inset 0 -3px #ededec;
font-size: smaller; }
.keycap:backdrop {
background-color: white;
background-color: #fcfcfc;
color: #8b8e8f; }
*:drop(active):focus,
@ -4260,7 +4363,7 @@ widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #e8e8e7;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color white;
@define-color theme_unfocused_base_color #fcfcfc;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #4a90d9;