roundabout,
created on Friday, 3 June 2016, 10:30:47 (1464949847),
received on Sunday, 11 May 2025, 13:21:56 (1746969716)
Author identity: nana4 <hnmaigo@gmail.com>
5006ca5dfdcff9e4010ed4efe98862099d9d0dfc
gtk-2.0/gtkrc
@@ -1,6 +1,6 @@
# Bridge | ScionicSpectre
gtk-color-scheme = "base_color:#FFFFFF\ntext_color:#333333\nbg_color:#ECEFF1\nfg_color:#333333\ntooltip_bg_color:#FFFFFF\ntooltip_fg_color:#333333\nselected_bg_color:#00BCD4\nselected_fg_color:#FFFFFF\nlight_color:#FAFAFA\ndark_color:#dee4e7"
gtk-color-scheme = "base_color:#FFFFFF\ntext_color:#333333\nbg_color:#F5F5F5\nfg_color:#333333\ntooltip_bg_color:#FFFFFF\ntooltip_fg_color:#333333\nselected_bg_color:#00BCD4\nselected_fg_color:#FFFFFF\nlight_color:#FAFAFA\nheaderbar_color:#455A64"
gtk-auto-mnemonics = 1
gtk-primary-button-warps-slider = 1
@@ -1878,7 +1878,7 @@ style "standalone_entry" {
}
style "menubar" {
bg[NORMAL] = @dark_color
bg[NORMAL] = @headerbar_color
xthickness = 0
ythickness = 0
@@ -1897,9 +1897,9 @@ style "menubar" {
style "menubar_item" {
xthickness = 3
ythickness = 3
fg[NORMAL] = mix(0.75, @fg_color, @dark_color)
bg[PRELIGHT] = @dark_color
fg[PRELIGHT] = @fg_color
fg[NORMAL] = mix(0.75, @selected_fg_color, @headerbar_color)
bg[PRELIGHT] = @headerbar_color
fg[PRELIGHT] = @selected_fg_color
engine "pixmap"
{
image
@@ -2543,16 +2543,16 @@ style "eclipse-tooltips" {
# Chromium
style "chrome-gtk-frame" {
ChromeGtkFrame::frame-color = @dark_color
ChromeGtkFrame::inactive-frame-color = @dark_color
ChromeGtkFrame::incognito-frame-color = @dark_color
ChromeGtkFrame::incognito-inactive-frame-color = @dark_color
ChromeGtkFrame::frame-color = @headerbar_color
ChromeGtkFrame::inactive-frame-color = @headerbar_color
ChromeGtkFrame::incognito-frame-color = @headerbar_color
ChromeGtkFrame::incognito-inactive-frame-color = @headerbar_color
ChromeGtkFrame::frame-gradient-size = 0
ChromeGtkFrame::frame-gradient-color = @dark_color
ChromeGtkFrame::inactive-frame-gradient-color = @dark_color
ChromeGtkFrame::incognito-frame-gradient-color = @dark_color
ChromeGtkFrame::incognito-inactive-frame-gradient-color = @dark_color
ChromeGtkFrame::frame-gradient-color = @headerbar_color
ChromeGtkFrame::inactive-frame-gradient-color = @headerbar_color
ChromeGtkFrame::incognito-frame-gradient-color = @headerbar_color
ChromeGtkFrame::incognito-inactive-frame-gradient-color = @headerbar_color
ChromeGtkFrame::scrollbar-slider-prelight-color = @light_color
ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color
gtk-3.0/_colors.scss
@@ -35,11 +35,11 @@ $insensitive_secondary_selected_fg_color: scale-alpha($secondary_selected_fg_col
$insensitive_tertiary_selected_fg_color: scale-alpha($tertiary_selected_fg_color, $disabled_opacity);
// Background colors
$bg_color: if($variant == 'light', #ECEFF1, #37474F);
$base_color: if($variant == 'light', #FFFFFF, #455A64);
$bg_color: if($variant == 'light', #F5F5F5, #455A64);
$base_color: if($variant == 'light', #FFFFFF, #546E7A);
$secondary_base_color: mix($base_color, $bg_color, 50%);
$light_color: if($variant =='light', #FAFAFA, #546E7A);
$dark_color: if($variant =='light', mix(#ECEFF1, #CFD8DC, 50%), mix(#37474F, #263238, 50%));
$light_color: if($variant =='light', #FAFAFA, #607D8B);
$headerbar_color: if($variant =='light', #455A64, #37474F);
$selected_bg_color: #00BCD4;
$secondary_selected_bg_color: #00E5FF;
gtk-3.0/_common.scss
@@ -944,7 +944,7 @@ searchbar,
border-style: solid;
border-width: 0 0 1px;
border-color: $borders_color;
background-color: $dark_color;
background-color: $bg_color;
background-clip: border-box;
}
@@ -956,15 +956,12 @@ searchbar,
headerbar {
min-height: $large_size;
padding: 0 $container_padding;
border-width: 0 0 1px;
border-style: solid;
border-color: $borders_color;
box-shadow: inset 0 1px $highlight_color;
background-color: $dark_color;
background-clip: border-box;
box-shadow: inset 0 1px $secondary_highlight_color, $z-depth-1;
background-color: $headerbar_color;
color: $selected_fg_color;
&:backdrop {
// background-color: $dark_color;
// background-color: $headerbar_color;
}
.title {
@@ -985,30 +982,47 @@ headerbar {
@extend %button_basic.flat;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
$selected_bg_color 0%,
$selected_fg_color 0%,
transparent 0%)
0 0 0 / 0 0 0px;
color: $secondary_selected_fg_color;
&:hover, &:active, &:checked { color: $selected_fg_color; }
&:disabled {
color: $insensitive_secondary_selected_fg_color;
> label { color: inherit; }
}
&:checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px),
$selected_bg_color 100%,
$selected_fg_color 100%,
transparent 0%)
0 0 2 / 0 0 2px;
background-color: transparent;
color: $fg_color;
color: $selected_fg_color;
&:disabled {
background-color: transparent;
color: $insensitive_fg_color;
color: $insensitive_selected_fg_color;
> label { color: inherit; }
}
}
}
&.selection-mode {
animation: header_ripple_effect $material_duration $material_timing_function forwards;
box-shadow: inset 0 1px $secondary_highlight_color;
// box-shadow: inset 0 1px $secondary_highlight_color;
// background-color: $selected_bg_color;
color: $selected_fg_color;
@@ -1128,7 +1142,7 @@ headerbar {
}
> separator {
background-color: $dark_color;
background-color: $headerbar_color;
background-image: image($borders_color);
}
@@ -1278,21 +1292,21 @@ menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0;
box-shadow: inset 0 -1px $borders_color;
background-color: $dark_color;
// box-shadow: inset 0 -1px $borders_color;
background-color: $headerbar_color;
> menuitem {
transition: $material_transition;
min-height: 20px;
padding: 4px 8px;
color: $secondary_fg_color;
color: $secondary_selected_fg_color;
&:hover { //Seems like it :hover even with keyboard focus
box-shadow: inset 0 -2px $selected_bg_color;
color: $fg_color;
box-shadow: inset 0 -2px $selected_fg_color;
color: $selected_fg_color;
}
&:disabled { color: $insensitive_secondary_fg_color; }
&:disabled { color: $insensitive_secondary_selected_fg_color; }
}
}
@@ -1397,7 +1411,7 @@ popover.background {
transition: box-shadow $material_duration $material_timing_function;
padding: 0;
box-shadow: $z-depth-2;
background-color: $secondary_base_color;
background-color: $light_color;
&:backdrop { box-shadow: $z-depth-1; }
@@ -1437,7 +1451,7 @@ notebook {
> header {
border-width: 1px;
border-color: $borders_color;
background-color: $dark_color;
background-color: $bg_color;
background-clip: border-box;
&.top {
@@ -1573,7 +1587,7 @@ notebook {
&.reorderable-page {
border-color: $borders_color;
background-color: $bg_color;
background-color: $secondary_base_color;
}
}
@@ -1588,7 +1602,7 @@ notebook {
&.reorderable-page {
border-color: $borders_color;
background-color: $light_color;
background-color: $base_color;
}
}
@@ -2629,7 +2643,7 @@ messagedialog { // Message Dialog styling
.titlebar {
min-height: $small_size;
border-style: none;
// box-shadow: inset 0 1px $highlight_color;
box-shadow: inset 0 1px $highlight_color;
background-color: $light_color;
}
@@ -2670,7 +2684,7 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
background-color: $secondary_base_color;
background-color: $light_color;
@at-root %sidebar_left,
&:dir(ltr),
gtk-3.0/gtk-dark.css
@@ -49,7 +49,7 @@
* Base States *
***************/
.background {
background-color: #37474F;
background-color: #455A64;
color: #FFFFFF; }
/*
@@ -62,23 +62,23 @@
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: #37474F;
background-color: #455A64;
color: #FFFFFF; }
.gtkstyle-fallback:hover {
background-color: #2d3940;
background-color: #3b4c55;
color: #FFFFFF; }
.gtkstyle-fallback:active {
background-color: #222c31;
background-color: #303f46;
color: #FFFFFF; }
.gtkstyle-fallback:disabled {
background-color: #37474F;
background-color: #455A64;
color: rgba(255, 255, 255, 0.4); }
.gtkstyle-fallback:selected {
background-color: #00BCD4;
color: #FFFFFF; }
.view, iconview {
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF; }
.view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected {
border-radius: 2px; }
@@ -87,14 +87,14 @@
.view text, iconview text,
textview text {
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF; }
.view text:disabled, iconview text:disabled,
textview text:disabled {
color: rgba(255, 255, 255, 0.4); }
textview border {
background-color: #3e515a;
background-color: #4d646f;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat;
color: rgba(255, 255, 255, 0.6); }
@@ -195,7 +195,7 @@ entry {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
border-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF; }
spinbutton:focus:not(.vertical), notebook > stack:not(:only-child) revealer entry:focus,
notebook > stack:not(:only-child) revealer spinbutton:focus:not(.vertical),
@@ -206,7 +206,7 @@ entry {
notebook > stack:not(:only-child) revealer spinbutton:disabled:not(.vertical),
entry:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #3e515a;
background-color: #4d646f;
color: rgba(255, 255, 255, 0.4); }
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry,
notebook > stack:not(:only-child) spinbutton:not(.vertical), notebook > stack:not(:only-child) revealer entry.flat,
@@ -257,7 +257,7 @@ entry {
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 0;
background-size: 2px 16px;
background-repeat: repeat-y;
@@ -267,7 +267,7 @@ entry {
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 0;
background-size: 2px 16px;
background-repeat: repeat-y;
@@ -288,7 +288,7 @@ entry {
spinbutton.error:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.error:disabled,
entry.error:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #3e515a;
background-color: #4d646f;
color: rgba(255, 255, 255, 0.4); }
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error,
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical),
@@ -324,7 +324,7 @@ entry {
spinbutton.warning:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.warning:disabled,
entry.warning:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #3e515a;
background-color: #4d646f;
color: rgba(255, 255, 255, 0.4); }
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning,
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical),
@@ -361,7 +361,7 @@ treeview entry.flat, treeview entry {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: #455A64; }
background-color: #546E7A; }
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
border-image: none;
box-shadow: none; }
@@ -382,7 +382,7 @@ button {
font-weight: 500;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #546E7A;
background-color: #607D8B;
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
color: rgba(255, 255, 255, 0.75); }
button:hover {
@@ -914,7 +914,7 @@ combobox:drop(active) {
toolbar {
-GtkWidget-window-dragging: true;
padding: 3px;
background-color: #37474F; }
background-color: #455A64; }
.osd toolbar {
background-color: transparent; }
toolbar.osd, .app-notification,
@@ -923,7 +923,7 @@ toolbar {
padding: 6px;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #455A64; }
background-color: #546E7A; }
toolbar.osd:backdrop, .app-notification:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
toolbar.osd.left, .left.app-notification, toolbar.osd.right, .right.app-notification, toolbar.osd.top, .top.app-notification, toolbar.osd.bottom, .bottom.app-notification {
@@ -945,7 +945,7 @@ toolbar {
border-style: solid;
border-width: 0 1px 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #3e515a; }
background-color: #4d646f; }
searchbar,
.location-bar {
@@ -953,7 +953,7 @@ searchbar,
border-style: solid;
border-width: 0 0 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #2f3d44;
background-color: #455A64;
background-clip: border-box; }
/***************
@@ -963,12 +963,9 @@ searchbar,
headerbar {
min-height: 48px;
padding: 0 6px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #2f3d44;
background-clip: border-box; }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #37474F;
color: #FFFFFF; }
.titlebar:not(headerbar) .title,
headerbar .title {
padding-left: 12px;
@@ -981,10 +978,22 @@ headerbar {
font-size: smaller; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action) {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00BCD4 0%, transparent 0%) 0 0 0/0 0 0px; }
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 0%, transparent 0%) 0 0 0/0 0 0px;
color: rgba(255, 255, 255, 0.75); }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
headerbar button:not(.suggested-action):not(.destructive-action):hover,
headerbar button:not(.suggested-action):not(.destructive-action):active,
headerbar button:not(.suggested-action):not(.destructive-action):checked {
color: #FFFFFF; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled > label,
headerbar button:not(.suggested-action):not(.destructive-action):disabled > label {
color: inherit; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
headerbar button:not(.suggested-action):not(.destructive-action):checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00BCD4 100%, transparent 0%) 0 0 2/0 0 2px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
background-color: transparent;
color: #FFFFFF; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
@@ -994,10 +1003,17 @@ headerbar {
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled > label,
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label {
color: inherit; }
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
headerbar button.suggested-action:disabled,
headerbar button.destructive-action:disabled {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) button.suggested-action:disabled > label, .titlebar:not(headerbar) button.destructive-action:disabled > label,
headerbar button.suggested-action:disabled > label,
headerbar button.destructive-action:disabled > label {
color: inherit; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
color: #FFFFFF; }
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
@@ -1080,7 +1096,7 @@ window.csd > .titlebar:not(headerbar) {
border-style: none;
box-shadow: none; }
.titlebar:not(headerbar) > separator {
background-color: #2f3d44;
background-color: #37474F;
background-image: image(rgba(0, 0, 0, 0.2)); }
/************
@@ -1164,7 +1180,7 @@ treeview.view {
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
box-shadow: none; }
treeview.view header button, treeview.view header button:disabled {
background-color: #455A64; }
background-color: #546E7A; }
treeview.view header button:last-child {
border-right-style: none; }
treeview.view button.dnd,
@@ -1175,7 +1191,7 @@ treeview.view {
border-color: rgba(0, 0, 0, 0.2);
border-radius: 0;
box-shadow: none;
background-color: #455A64;
background-color: #546E7A;
background-clip: border-box;
color: #00BCD4; }
@@ -1186,8 +1202,7 @@ menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
background-color: #2f3d44; }
background-color: #37474F; }
menubar > menuitem,
.menubar > menuitem {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
@@ -1196,7 +1211,7 @@ menubar,
color: rgba(255, 255, 255, 0.75); }
menubar > menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -2px #00BCD4;
box-shadow: inset 0 -2px #FFFFFF;
color: #FFFFFF; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
@@ -1206,7 +1221,7 @@ menu,
.menu {
margin: 4px 0;
padding: 4px 0;
background-color: #455A64;
background-color: #546E7A;
border: 1px solid rgba(0, 0, 0, 0.2); }
.csd menu, .csd
.menu {
@@ -1244,7 +1259,7 @@ menu,
min-width: 16px;
padding: 4px;
border-radius: 0;
background-color: #455A64;
background-color: #546E7A;
color: rgba(255, 255, 255, 0.75); }
menu > arrow.top,
.menu > arrow.top {
@@ -1290,7 +1305,7 @@ popover.background {
transition: box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #3e515a; }
background-color: #607D8B; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
@@ -1316,7 +1331,7 @@ popover.background {
notebook > header {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #2f3d44;
background-color: #455A64;
background-clip: border-box; }
notebook > header.top {
border-bottom-style: solid; }
@@ -1394,7 +1409,7 @@ notebook > header {
color: #FFFFFF; }
notebook > header tab:hover.reorderable-page {
border-color: rgba(0, 0, 0, 0.2);
background-color: #37474F; }
background-color: #4d646f; }
notebook > header tab:disabled {
color: rgba(255, 255, 255, 0.3); }
notebook > header tab:checked {
@@ -1437,14 +1452,14 @@ notebook > header {
margin: -1px 0;
border-style: solid none; }
notebook > stack:not(:only-child) {
background-color: #455A64; }
background-color: #546E7A; }
/**************
* Scrollbars *
**************/
scrollbar {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
background-color: #455A64;
background-color: #546E7A;
background-clip: border-box; }
* {
-GtkScrollbar-has-backward-stepper: false;
@@ -1486,12 +1501,12 @@ scrollbar {
min-width: 4px;
min-height: 4px;
margin: 2px;
border: 2px solid rgba(69, 90, 100, 0.3); }
border: 2px solid rgba(84, 110, 122, 0.3); }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
min-width: 4px;
min-height: 4px;
margin: 2px;
border: 2px solid rgba(69, 90, 100, 0.3);
border: 2px solid rgba(84, 110, 122, 0.3);
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.6);
background-clip: padding-box;
@@ -1507,7 +1522,7 @@ scrollbar {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
min-height: 8px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
background-color: rgba(69, 90, 100, 0.9); }
background-color: rgba(84, 110, 122, 0.9); }
scrollbar.horizontal slider {
min-width: 24px; }
scrollbar.vertical slider {
@@ -1548,7 +1563,7 @@ switch {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
border-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0;
min-width: 24px;
@@ -1562,7 +1577,7 @@ switch {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
switch:disabled slider {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #3e515a;
background-color: #4d646f;
color: rgba(255, 255, 255, 0.4); }
switch:checked slider {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0;
@@ -2033,11 +2048,11 @@ levelbar trough {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
border-image: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF; }
levelbar trough:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #3e515a;
background-color: #4d646f;
color: rgba(255, 255, 255, 0.4); }
levelbar.horizontal.discrete block {
margin: 0 1px; }
@@ -2063,7 +2078,7 @@ levelbar block.empty {
printdialog paper {
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #455A64;
background: #546E7A;
color: #FFFFFF; }
printdialog .dialog-action-box {
margin: 12px; }
@@ -2118,7 +2133,7 @@ scrolledwindow overshoot.right {
box-shadow: none; }
scrolledwindow undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-top: 0;
background-size: 16px 2px;
background-repeat: repeat-x;
@@ -2126,7 +2141,7 @@ scrolledwindow undershoot.top {
background-position: center top; }
scrolledwindow undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-bottom: 0;
background-size: 16px 2px;
background-repeat: repeat-x;
@@ -2134,7 +2149,7 @@ scrolledwindow undershoot.bottom {
background-position: center bottom; }
scrolledwindow undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-left: 0;
background-size: 2px 16px;
background-repeat: repeat-y;
@@ -2142,7 +2157,7 @@ scrolledwindow undershoot.left {
background-position: left center; }
scrolledwindow undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(69, 90, 100, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
padding-right: 0;
background-size: 2px 16px;
background-repeat: repeat-y;
@@ -2152,7 +2167,7 @@ scrolledwindow junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
background-color: #455A64; }
background-color: #546E7A; }
scrolledwindow junction:dir(rtl) {
border-style: solid solid none none; }
@@ -2166,7 +2181,7 @@ separator {
*********/
list {
border-color: rgba(0, 0, 0, 0.2);
background-color: #455A64; }
background-color: #546E7A; }
list row {
padding: 2px; }
@@ -2242,11 +2257,12 @@ calendar {
* Dialogs *
***********/
messagedialog.background {
background-color: #546E7A; }
background-color: #607D8B; }
messagedialog .titlebar {
min-height: 24px;
border-style: none;
background-color: #546E7A; }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #607D8B; }
messagedialog.csd.background {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
@@ -2272,7 +2288,7 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
background-color: #3e515a; }
background-color: #607D8B; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left-style: none; }
@@ -2356,7 +2372,7 @@ paned > separator {
paned > separator.wide {
min-width: 6px;
min-height: 6px;
background-color: #37474F;
background-color: #455A64;
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator {
@@ -2416,7 +2432,7 @@ tooltip {
border-radius: 2px;
box-shadow: none; }
tooltip.background {
background-color: rgba(69, 90, 100, 0.9); }
background-color: rgba(84, 110, 122, 0.9); }
tooltip decoration {
background-color: transparent; }
tooltip label {
@@ -2494,7 +2510,7 @@ colorchooser .popover.osd {
transition: box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #455A64; }
background-color: #546E7A; }
colorchooser .popover.osd:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
@@ -2502,7 +2518,7 @@ colorchooser .popover.osd {
* Misc *
********/
.content-view {
background-color: #37474F; }
background-color: #455A64; }
/**********************
* Window Decorations *
@@ -2532,7 +2548,7 @@ decoration {
margin: 4px;
border-radius: 0;
box-shadow: none;
background-color: #37474F; }
background-color: #455A64; }
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, notebook > stack:not(:only-child) revealer entry selection,
@@ -2596,7 +2612,7 @@ button.circular {
border: solid 1px rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
background-color: #455A64;
background-color: #546E7A;
color: #FFFFFF;
font-size: smaller; }
@@ -2621,7 +2637,7 @@ stackswitcher button.text-button.circular {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 3px 3px 0 0;
background-color: #455A64;
background-color: #546E7A;
background-clip: border-box;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, border-width 0; }
.floating-bar.left {
@@ -2644,7 +2660,7 @@ stackswitcher button.text-button.circular {
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
background: #455A64; }
background: #546E7A; }
.nautilus-desktop-window,
.nautilus-desktop-window notebook,
@@ -2720,10 +2736,10 @@ text color for entries, views and content in general */
@define-color theme_text_color #FFFFFF;
/*
widget base background color */
@define-color theme_bg_color #37474F;
@define-color theme_bg_color #455A64;
/*
text widgets and the like base background color */
@define-color theme_base_color #455A64;
@define-color theme_base_color #546E7A;
/*
base background color of selections */
@define-color theme_selected_bg_color #00BCD4;
@@ -2732,13 +2748,13 @@ text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #37474F;
@define-color insensitive_bg_color #455A64;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color rgba(255, 255, 255, 0.4);
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #3e515a;
@define-color insensitive_base_color #4d646f;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #FFFFFF;
@@ -2747,10 +2763,10 @@ text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #FFFFFF;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #37474F;
@define-color theme_unfocused_bg_color #455A64;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #455A64;
@define-color theme_unfocused_base_color #546E7A;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #00BCD4;
@@ -2768,4 +2784,4 @@ these are pretty self explicative */
@define-color warning_color #FF6D00;
@define-color error_color #DD2C00;
@define-color success_color #00C853;
@define-color content_view_bg #455A64;
@define-color content_view_bg #546E7A;
gtk-3.0/gtk.css
@@ -49,7 +49,7 @@
* Base States *
***************/
.background {
background-color: #ECEFF1;
background-color: #F5F5F5;
color: rgba(0, 0, 0, 0.8); }
/*
@@ -62,16 +62,16 @@
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: #ECEFF1;
background-color: #F5F5F5;
color: rgba(0, 0, 0, 0.8); }
.gtkstyle-fallback:hover {
background-color: #dde3e6;
background-color: #e8e8e8;
color: rgba(0, 0, 0, 0.8); }
.gtkstyle-fallback:active {
background-color: #cfd6db;
background-color: gainsboro;
color: rgba(0, 0, 0, 0.8); }
.gtkstyle-fallback:disabled {
background-color: #ECEFF1;
background-color: #F5F5F5;
color: rgba(0, 0, 0, 0.32); }
.gtkstyle-fallback:selected {
background-color: #00BCD4;
@@ -94,7 +94,7 @@ textview text {
color: rgba(0, 0, 0, 0.32); }
textview border {
background-color: #f6f7f8;
background-color: #fafafa;
background-image: image(rgba(0, 0, 0, 0.1));
background-repeat: no-repeat;
color: rgba(0, 0, 0, 0.48); }
@@ -206,7 +206,7 @@ entry {
notebook > stack:not(:only-child) revealer spinbutton:disabled:not(.vertical),
entry:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #f6f7f8;
background-color: #fafafa;
color: rgba(0, 0, 0, 0.32); }
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry,
notebook > stack:not(:only-child) spinbutton:not(.vertical), notebook > stack:not(:only-child) revealer entry.flat,
@@ -288,7 +288,7 @@ entry {
spinbutton.error:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.error:disabled,
entry.error:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #f6f7f8;
background-color: #fafafa;
color: rgba(0, 0, 0, 0.32); }
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error,
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical),
@@ -324,7 +324,7 @@ entry {
spinbutton.warning:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.warning:disabled,
entry.warning:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #f6f7f8;
background-color: #fafafa;
color: rgba(0, 0, 0, 0.32); }
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning,
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical),
@@ -914,7 +914,7 @@ combobox:drop(active) {
toolbar {
-GtkWidget-window-dragging: true;
padding: 3px;
background-color: #ECEFF1; }
background-color: #F5F5F5; }
.osd toolbar {
background-color: transparent; }
toolbar.osd, .app-notification,
@@ -945,7 +945,7 @@ toolbar {
border-style: solid;
border-width: 0 1px 1px;
border-color: rgba(0, 0, 0, 0.1);
background-color: #f6f7f8; }
background-color: #fafafa; }
searchbar,
.location-bar {
@@ -953,7 +953,7 @@ searchbar,
border-style: solid;
border-width: 0 0 1px;
border-color: rgba(0, 0, 0, 0.1);
background-color: #dee4e7;
background-color: #F5F5F5;
background-clip: border-box; }
/***************
@@ -963,12 +963,9 @@ searchbar,
headerbar {
min-height: 48px;
padding: 0 6px;
border-width: 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #dee4e7;
background-clip: border-box; }
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #455A64;
color: #FFFFFF; }
.titlebar:not(headerbar) .title,
headerbar .title {
padding-left: 12px;
@@ -981,23 +978,42 @@ headerbar {
font-size: smaller; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar button:not(.suggested-action):not(.destructive-action) {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00BCD4 0%, transparent 0%) 0 0 0/0 0 0px; }
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 0%, transparent 0%) 0 0 0/0 0 0px;
color: rgba(255, 255, 255, 0.75); }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
headerbar button:not(.suggested-action):not(.destructive-action):hover,
headerbar button:not(.suggested-action):not(.destructive-action):active,
headerbar button:not(.suggested-action):not(.destructive-action):checked {
color: #FFFFFF; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled > label,
headerbar button:not(.suggested-action):not(.destructive-action):disabled > label {
color: inherit; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
headerbar button:not(.suggested-action):not(.destructive-action):checked {
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00BCD4 100%, transparent 0%) 0 0 2/0 0 2px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
background-color: transparent;
color: rgba(0, 0, 0, 0.8); }
color: #FFFFFF; }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
background-color: transparent;
color: rgba(0, 0, 0, 0.32); }
color: rgba(255, 255, 255, 0.4); }
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled > label,
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label {
color: inherit; }
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
headerbar button.suggested-action:disabled,
headerbar button.destructive-action:disabled {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) button.suggested-action:disabled > label, .titlebar:not(headerbar) button.destructive-action:disabled > label,
headerbar button.suggested-action:disabled > label,
headerbar button.destructive-action:disabled > label {
color: inherit; }
.selection-mode.titlebar:not(headerbar),
headerbar.selection-mode {
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
color: #FFFFFF; }
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
@@ -1080,7 +1096,7 @@ window.csd > .titlebar:not(headerbar) {
border-style: none;
box-shadow: none; }
.titlebar:not(headerbar) > separator {
background-color: #dee4e7;
background-color: #455A64;
background-image: image(rgba(0, 0, 0, 0.1)); }
/************
@@ -1186,21 +1202,20 @@ menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
background-color: #dee4e7; }
background-color: #455A64; }
menubar > menuitem,
.menubar > menuitem {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
min-height: 20px;
padding: 4px 8px;
color: rgba(0, 0, 0, 0.6); }
color: rgba(255, 255, 255, 0.75); }
menubar > menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -2px #00BCD4;
color: rgba(0, 0, 0, 0.8); }
box-shadow: inset 0 -2px #FFFFFF;
color: #FFFFFF; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
color: rgba(0, 0, 0, 0.24); }
color: rgba(255, 255, 255, 0.3); }
menu,
.menu {
@@ -1290,7 +1305,7 @@ popover.background {
transition: box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1);
padding: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-color: #f6f7f8; }
background-color: #FAFAFA; }
popover.background:backdrop {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
popover.background, .csd popover.background {
@@ -1316,7 +1331,7 @@ popover.background {
notebook > header {
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
background-color: #dee4e7;
background-color: #F5F5F5;
background-clip: border-box; }
notebook > header.top {
border-bottom-style: solid; }
@@ -1394,7 +1409,7 @@ notebook > header {
color: rgba(0, 0, 0, 0.8); }
notebook > header tab:hover.reorderable-page {
border-color: rgba(0, 0, 0, 0.1);
background-color: #ECEFF1; }
background-color: #fafafa; }
notebook > header tab:disabled {
color: rgba(0, 0, 0, 0.24); }
notebook > header tab:checked {
@@ -1405,7 +1420,7 @@ notebook > header {
animation: tab_ripple_effect 0.6s ease-in-out; }
notebook > header tab:checked.reorderable-page {
border-color: rgba(0, 0, 0, 0.1);
background-color: #FAFAFA; }
background-color: #FFFFFF; }
notebook > header tab button.flat {
min-width: 24px;
min-height: 24px;
@@ -1562,7 +1577,7 @@ switch {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
switch:disabled slider {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #f6f7f8;
background-color: #fafafa;
color: rgba(0, 0, 0, 0.32); }
switch:checked slider {
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0;
@@ -2037,7 +2052,7 @@ levelbar trough {
color: rgba(0, 0, 0, 0.8); }
levelbar trough:disabled {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #f6f7f8;
background-color: #fafafa;
color: rgba(0, 0, 0, 0.32); }
levelbar.horizontal.discrete block {
margin: 0 1px; }
@@ -2246,6 +2261,7 @@ messagedialog.background {
messagedialog .titlebar {
min-height: 24px;
border-style: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FAFAFA; }
messagedialog.csd.background {
border-bottom-left-radius: 2px;
@@ -2272,7 +2288,7 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
background-color: #f6f7f8; }
background-color: #FAFAFA; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-left-style: none; }
@@ -2356,7 +2372,7 @@ paned > separator {
paned > separator.wide {
min-width: 6px;
min-height: 6px;
background-color: #ECEFF1;
background-color: #F5F5F5;
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator {
@@ -2502,7 +2518,7 @@ colorchooser .popover.osd {
* Misc *
********/
.content-view {
background-color: #ECEFF1; }
background-color: #F5F5F5; }
/**********************
* Window Decorations *
@@ -2532,7 +2548,7 @@ decoration {
margin: 4px;
border-radius: 0;
box-shadow: none;
background-color: #ECEFF1; }
background-color: #F5F5F5; }
.view:selected, iconview:selected, .view text selection, iconview text selection,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, notebook > stack:not(:only-child) revealer entry selection,
@@ -2720,7 +2736,7 @@ text color for entries, views and content in general */
@define-color theme_text_color rgba(0, 0, 0, 0.8);
/*
widget base background color */
@define-color theme_bg_color #ECEFF1;
@define-color theme_bg_color #F5F5F5;
/*
text widgets and the like base background color */
@define-color theme_base_color #FFFFFF;
@@ -2732,13 +2748,13 @@ text/foreground color of selections */
@define-color theme_selected_fg_color #FFFFFF;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #ECEFF1;
@define-color insensitive_bg_color #F5F5F5;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #f6f7f8;
@define-color insensitive_base_color #fafafa;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
@@ -2747,7 +2763,7 @@ text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #ECEFF1;
@define-color theme_unfocused_bg_color #F5F5F5;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #FFFFFF;