From d77dc25b8d52c6d2daedb1710a99772191c30479 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Sun, 17 Apr 2016 18:06:15 +0200 Subject: [PATCH] Adwaita: more borders color tweaks --- gtk/theme/Adwaita/_colors.scss | 4 +- gtk/theme/Adwaita/gtk-contained-dark.css | 310 +++++++++++------------ gtk/theme/Adwaita/gtk-contained.css | 264 +++++++++---------- 3 files changed, 289 insertions(+), 289 deletions(-) diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss index 0a43d57380..63dcf52203 100644 --- a/gtk/theme/Adwaita/_colors.scss +++ b/gtk/theme/Adwaita/_colors.scss @@ -10,8 +10,8 @@ $fg_color: if($variant == 'light', #2e3436, #eeeeec); $selected_fg_color: #ffffff; $selected_bg_color: if($variant == 'light', #4a90d9, darken(#4a90d9, 20%)); $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%)); -$borders_color: if($variant == 'light', darken($bg_color, 22%), darken($bg_color, 9%)); -$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 20%)); +$borders_color: if($variant == 'light', darken($bg_color, 20%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%)); $borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); $link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 4a39773097..79965c7a68 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -129,10 +129,10 @@ headerbar .subtitle { assistant .sidebar { background-color: #292929; - border-top: 1px solid #232727; } + border-top: 1px solid #212424; } assistant .sidebar:backdrop { background-color: #2c2c2c; - border-color: #272c2c; } + border-color: #262929; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { @@ -181,7 +181,7 @@ entry { border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; - border-color: #232727; + border-color: #212424; background-color: #292929; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } spinbutton:not(.vertical) image.left, @@ -229,20 +229,20 @@ entry { spinbutton:disabled:not(.vertical), entry:disabled { color: #949796; - border-color: #232727; + border-color: #212424; background-color: #333636; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d5d5d5; - border-color: #272c2c; + border-color: #262929; background-color: #2c2c2c; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #5d6767; - border-color: #272c2c; + border-color: #262929; background-color: #333636; box-shadow: none; } spinbutton.error:not(.vertical), @@ -358,7 +358,7 @@ 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: #2b2c2c; } + border-top-color: #2a2b2b; } .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 { @@ -428,8 +428,8 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -454,8 +454,8 @@ button { button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -466,7 +466,7 @@ button { button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; + border-color: #212424; background-image: image(#2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -477,7 +477,7 @@ button { notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -495,8 +495,8 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #272c2c; - background-image: linear-gradient(to bottom, #333838); + border-color: #262929; + background-image: linear-gradient(to bottom, #323737); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -511,7 +511,7 @@ button { notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -527,7 +527,7 @@ button { button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #272c2c; + border-color: #262929; 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, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, @@ -548,7 +548,7 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -560,8 +560,8 @@ button { notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #232727; - background-image: linear-gradient(to bottom, #313535, #333636); + border-color: #212424; + 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, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, @@ -836,7 +836,7 @@ button.suggested-action { .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -873,7 +873,7 @@ button.suggested-action { -gtk-icon-shadow: none; color: rgba(33, 93, 156, 0.8); } button.suggested-action:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1010,7 +1010,7 @@ button.destructive-action { color: #edcece; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1043,7 +1043,7 @@ button.destructive-action { -gtk-icon-shadow: none; color: rgba(213, 16, 16, 0.8); } button.destructive-action:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1175,8 +1175,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -1184,8 +1184,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -1193,7 +1193,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; + border-color: #212424; background-image: image(#2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -1201,7 +1201,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1209,13 +1209,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .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 { - border-color: #232727; - background-image: linear-gradient(to bottom, #313535, #333636); + border-color: #212424; + 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 { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -1223,13 +1223,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .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 { - border-color: #272c2c; - background-image: linear-gradient(to bottom, #333838); + border-color: #262929; + background-image: linear-gradient(to bottom, #323737); 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 { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1237,7 +1237,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .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 { - border-color: #272c2c; + border-color: #262929; 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 { @@ -1451,7 +1451,7 @@ spinbutton:not(.vertical) { color: #dadad9; background-image: none; border-style: none none none solid; - border-color: rgba(35, 39, 39, 0.3); + border-color: rgba(33, 36, 36, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1467,7 +1467,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #8a8c8b; background-color: transparent; - border-color: rgba(39, 44, 44, 0.3); + border-color: rgba(38, 41, 41, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(93, 103, 103, 0.3); @@ -1656,12 +1656,12 @@ searchbar, .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #232727; - background-color: #323838; } + border-color: #212424; + background-color: #323737; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #272c2c; - background-color: #333838; + border-color: #262929; + background-color: #323737; box-shadow: none; transition: 200ms ease-out; } @@ -1674,14 +1674,14 @@ headerbar { min-height: 46px; border-width: 0 0 1px; border-style: solid; - border-color: #090909; + border-color: #101111; border-radius: 0; background-image: linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px); background-color: #323737; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #272c2c; + border-color: #262929; background-color: #393f3f; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1851,8 +1851,8 @@ headerbar { headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -1862,8 +1862,8 @@ headerbar { headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); @@ -1873,7 +1873,7 @@ headerbar { headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; + border-color: #212424; background-image: image(#2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -1883,7 +1883,7 @@ headerbar { border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1895,7 +1895,7 @@ headerbar { color: #949796; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -1907,7 +1907,7 @@ headerbar { color: #949796; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -1986,7 +1986,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #232727; } + background-color: #212424; } /************ * Pathbars * @@ -2167,7 +2167,7 @@ menu, margin: 4px; padding: 2px 0px; background-color: #2c2d2d; - border: 1px solid #232727; } + border: 1px solid #212424; } .csd menu, .csd .menu { border: none; } @@ -2264,7 +2264,7 @@ popover.background { background-color: #393f3f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #232727; } + border: 1px solid #212424; } popover.background:backdrop { background-color: #393f3f; box-shadow: none; } @@ -2286,12 +2286,12 @@ popover.background { *************/ notebook > header { padding: 1px; - border-color: #232727; + border-color: #212424; border-width: 1px; - background-color: #2e3333; } + background-color: #2d3232; } notebook > header:backdrop { - border-color: #272c2c; - background-color: #333838; } + border-color: #262929; + background-color: #323737; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2299,7 +2299,7 @@ notebook > header { notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #232727; } + box-shadow: inset 0 -3px #212424; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2309,7 +2309,7 @@ notebook > header { notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #232727; } + box-shadow: inset 0 3px #212424; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2319,7 +2319,7 @@ notebook > header { notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #232727; } + box-shadow: inset -3px 0 #212424; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2329,7 +2329,7 @@ notebook > header { notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #232727; } + box-shadow: inset 3px 0 #212424; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2389,7 +2389,7 @@ notebook > header { notebook > header tab:hover { color: #c1c3c1; } notebook > header tab:hover.reorderable-page { - border-color: rgba(35, 39, 39, 0.3); + border-color: rgba(33, 36, 36, 0.3); background-color: rgba(57, 63, 63, 0.2); } notebook > header tab:backdrop { color: #707473; } @@ -2399,14 +2399,14 @@ notebook > header { notebook > header tab:checked { color: #eeeeec; } notebook > header tab:checked.reorderable-page { - border-color: rgba(35, 39, 39, 0.5); + border-color: rgba(33, 36, 36, 0.5); background-color: rgba(57, 63, 63, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(57, 63, 63, 0.7); } notebook > header tab:backdrop:checked { color: #949796; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #272c2c; + border-color: #262929; background-color: #393f3f; } notebook > header tab button.flat { padding: 0; @@ -2473,16 +2473,16 @@ scrollbar { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #232727; } + border-bottom: 1px solid #212424; } scrollbar.bottom { - border-top: 1px solid #232727; } + border-top: 1px solid #212424; } scrollbar.left { - border-right: 1px solid #232727; } + border-right: 1px solid #212424; } scrollbar.right { - border-left: 1px solid #232727; } + border-left: 1px solid #212424; } scrollbar:backdrop { background-color: #323737; - border-color: #272c2c; + border-color: #262929; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2607,7 +2607,7 @@ scrollbar { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #232727; + border-top: 1px solid #212424; margin-top: -1px; } /********** @@ -2617,10 +2617,10 @@ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; - border: 1px solid #232727; + border: 1px solid #212424; border-radius: 3px; color: #eeeeec; - background-color: #2e3333; + background-color: #2d3232; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: #ffffff; @@ -2629,13 +2629,13 @@ switch { text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #949796; - border-color: #232727; + border-color: #212424; background-color: #333636; text-shadow: none; } switch:backdrop { color: #949796; - border-color: #272c2c; - background-color: #333838; + border-color: #262929; + background-color: #323737; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2643,7 +2643,7 @@ switch { background-color: #215d9c; } switch:disabled { color: #5d6767; - border-color: #272c2c; + border-color: #262929; background-color: #333636; } switch slider { margin: -1px; @@ -2654,7 +2654,7 @@ switch { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); @@ -2662,13 +2662,13 @@ switch { switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } switch:checked slider { border: 1px solid #0f2b48; } switch:disabled slider { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2677,7 +2677,7 @@ switch { color: #949796; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -2687,7 +2687,7 @@ switch { switch:backdrop:checked slider { border-color: #0f2b48; } switch:backdrop:disabled slider { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2755,7 +2755,7 @@ radio { -gtk-icon-source: none; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); @@ -2767,14 +2767,14 @@ radio { radio:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } check:active, radio:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; + border-color: #212424; background-image: image(#2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); @@ -2783,7 +2783,7 @@ radio { -gtk-icon-shadow: none; } check:disabled, radio:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2794,7 +2794,7 @@ radio { color: #949796; } check:backdrop, radio:backdrop { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -2806,7 +2806,7 @@ radio { color: #949796; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -2946,14 +2946,14 @@ treeview.view radio:backdrop { * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #232727; + border: 1px solid #212424; border-radius: 3px; - background-color: #2e3333; } + background-color: #2d3232; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #333636; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #333838; - border-color: #272c2c; + background-color: #323737; + border-color: #262929; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #333636; } @@ -3015,7 +3015,7 @@ scale { outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill:backdrop, scale fill { - background-color: #232727; } + background-color: #212424; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } @@ -3027,25 +3027,25 @@ scale { scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); background-image: linear-gradient(to bottom, #323737 20%, #2a2f2f 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #1c1f1f; + border: 1px solid #1a1c1c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #090909; + border-color: #101111; background-image: linear-gradient(to bottom, #393f3f 20%, #2f3434 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #323737, inset 0 -1px #2a2f2f, 0 1px rgba(0, 0, 0, 0.1); } scale slider:active { border-color: #0f2b48; } scale slider:disabled { - border-color: #232727; + border-color: #212424; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -3054,7 +3054,7 @@ scale { color: #949796; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -3062,7 +3062,7 @@ scale { scale slider:backdrop label, scale slider:backdrop { color: #949796; } scale slider:backdrop:disabled { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; @@ -3512,7 +3512,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #232727); + background-image: linear-gradient(to top, #212424); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3631,12 +3631,12 @@ levelbar trough { padding: 2px; border-radius: 3px; color: white; - border-color: #232727; + border-color: #212424; background-color: #292929; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); } levelbar trough:backdrop { color: #d5d5d5; - border-color: #272c2c; + border-color: #262929; background-color: #2c2c2c; box-shadow: none; } levelbar.horizontal.discrete block { @@ -3680,12 +3680,12 @@ levelbar block.empty { *****************/ printdialog paper { color: #eeeeec; - border: 1px solid #232727; + border: 1px solid #212424; background: white; padding: 0; } printdialog paper:backdrop { color: #949796; - border-color: #272c2c; } + border-color: #262929; } printdialog .dialog-action-box { margin: 12px; } @@ -3698,24 +3698,24 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #232727; } + border: 1px solid #212424; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #272c2c; } + border-color: #262929; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #232727; } + border-top: 1px solid #212424; } actionbar > revealer > box:backdrop { - border-color: #272c2c; } + border-color: #262929; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0b0c0c), to(rgba(11, 12, 12, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3723,7 +3723,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#272c2c), to(rgba(39, 44, 44, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3731,7 +3731,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0b0c0c), to(rgba(11, 12, 12, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3739,7 +3739,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#272c2c), to(rgba(39, 44, 44, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3747,7 +3747,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0b0c0c), to(rgba(11, 12, 12, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3755,7 +3755,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#272c2c), to(rgba(39, 44, 44, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3763,7 +3763,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0b0c0c), to(rgba(11, 12, 12, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#090909), to(rgba(9, 9, 9, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3771,7 +3771,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#272c2c), to(rgba(39, 44, 44, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#262929), to(rgba(38, 41, 41, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3820,12 +3820,12 @@ scrolledwindow undershoot.right { box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #232727 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #212424 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #313434; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #272c2c 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #262929 1px, transparent 1px); background-color: #323737; transition: 200ms ease-out; } @@ -3840,10 +3840,10 @@ separator { list { color: white; background-color: #292929; - border-color: #232727; } + border-color: #212424; } list:backdrop { background-color: #2c2c2c; - border-color: #272c2c; } + border-color: #262929; } list row { padding: 2px; } @@ -3903,7 +3903,7 @@ expander arrow { ***********/ calendar { color: white; - border: 1px solid #232727; } + border: 1px solid #212424; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3926,7 +3926,7 @@ calendar { color: #eeeeec; } calendar:backdrop { color: #d5d5d5; - border-color: #272c2c; } + border-color: #262929; } /*********** * Dialogs * @@ -3956,9 +3956,9 @@ messagedialog.csd .dialog-action-area button { -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #232727; } + border-top: 1px solid #212424; } filechooser .dialog-action-box:backdrop { - border-top-color: #272c2c; } + border-top-color: #262929; } filechooser #pathbarbox { border-bottom: 1px solid #393f3f; } @@ -3973,16 +3973,16 @@ filechooserbutton:drop(active) { border-style: none; background-color: #313434; } 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 #232727; + border-right: 1px solid #212424; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #232727; + border-left: 1px solid #212424; border-right-style: none; } .sidebar:backdrop { background-color: #333636; - border-color: #272c2c; + border-color: #262929; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4074,21 +4074,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#232727); + background-image: image(#212424); background-size: 1px 1px; } paned > separator:selected { background-image: image(#215d9c); } paned > separator:backdrop { - background-image: image(#272c2c); } + background-image: image(#262929); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #393f3f; - background-image: image(#232727), image(#232727); + background-image: image(#212424), image(#212424); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #393f3f; - background-image: image(#272c2c), image(#272c2c); } + background-image: image(#262929), image(#262929); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4286,30 +4286,30 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { colorswatch.dark overlay { color: #ffffff; } colorswatch.dark overlay:hover { - border-color: #232727; } + border-color: #212424; } colorswatch.dark overlay:backdrop { color: #d5d5d5; } colorswatch.light overlay { color: white; } colorswatch.light overlay:hover { - border-color: #232727; } + border-color: #212424; } colorswatch.light overlay:backdrop { color: #d5d5d5; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #232727, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #212424, inset 0 0 0 1px #4e9a06; } colorswatch:drop(active).dark overlay { border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #232727, inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 2px #212424, inset 0 0 0 1px #4e9a06; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #232727; } + border: 1px solid #212424; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #232727; + border-color: #212424; box-shadow: none; } colorswatch#add-color-button { border-radius: 5px 5px 0 0; } @@ -4318,8 +4318,8 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); @@ -4327,14 +4327,14 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); - border-color: #232727; - border-bottom-color: #090909; + border-color: #212424; + border-bottom-color: #101111; background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434); text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:backdrop { - border-color: #272c2c; + border-color: #262929; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; @@ -4379,31 +4379,31 @@ colorchooser .popover.osd { decoration { border-radius: 7px 7px 0 0; border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(35, 39, 39, 0.9); + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(33, 36, 36, 0.9); margin: 10px; } decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(35, 39, 39, 0.9); + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.9); transition: 200ms ease-out; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } .ssd decoration { - box-shadow: 0 0 0 1px rgba(35, 39, 39, 0.9); } + box-shadow: 0 0 0 1px rgba(33, 36, 36, 0.9); } .csd.popup decoration { border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(35, 39, 39, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.8); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } messagedialog.csd decoration { border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(35, 39, 39, 0.8); } + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(33, 36, 36, 0.8); } .solid-csd decoration { margin: 0; padding: 4px; - background-color: #232727; - border: solid 1px #232727; + background-color: #212424; + border: solid 1px #212424; border-radius: 0; box-shadow: inset 0 0 0 3px #323737, inset 0 1px rgba(238, 238, 236, 0.07); } .solid-csd decoration:backdrop { @@ -4538,9 +4538,9 @@ button.circular { color: #eeeeec; background-color: #292929; border: 1px solid; - border-color: #232727; + border-color: #212424; border-radius: 5px; - box-shadow: inset 0 -3px #252828; + box-shadow: inset 0 -3px #242626; font-size: smaller; } .keycap:backdrop { background-color: #2c2c2c; @@ -4612,10 +4612,10 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ -@define-color borders #232727; +@define-color borders #212424; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #272c2c; +@define-color unfocused_borders #262929; /* these are pretty self explicative */ @define-color warning_color #f57900; diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 6898f32579..da9ab202ca 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -129,10 +129,10 @@ headerbar .subtitle { assistant .sidebar { background-color: #ffffff; - border-top: 1px solid #b1b1ae; } + border-top: 1px solid #b6b6b3; } assistant .sidebar:backdrop { background-color: #fcfcfc; - border-color: #bcbcb9; } + border-color: #c0c0bd; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { @@ -181,7 +181,7 @@ entry { border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; - border-color: #b1b1ae; + border-color: #b6b6b3; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } spinbutton:not(.vertical) image.left, @@ -229,20 +229,20 @@ entry { spinbutton:disabled:not(.vertical), entry:disabled { color: #8b8e8f; - border-color: #b1b1ae; + border-color: #b6b6b3; background-color: #f1f1f1; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #c3c3c0; - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #f1f1f1; box-shadow: none; } spinbutton.error:not(.vertical), @@ -354,15 +354,15 @@ entry { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #e8e8e7; } + border-top-color: #e9e9e8; } .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: #e9e9e8; } + border-top-color: #eaeae9; } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #e8e8e7; } + border-top-color: #e9e9e8; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), @@ -428,7 +428,7 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -454,7 +454,7 @@ button { button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -466,7 +466,7 @@ button { button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: image(#d4d4d2); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -477,7 +477,7 @@ button { notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -495,8 +495,8 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - border-color: #bcbcb9; - background-image: linear-gradient(to bottom, #d9d9d7); + border-color: #c0c0bd; + background-image: linear-gradient(to bottom, #dadad8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -511,7 +511,7 @@ button { notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -527,7 +527,7 @@ button { button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - border-color: #bcbcb9; + border-color: #c0c0bd; 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, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, @@ -548,7 +548,7 @@ button { -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -560,8 +560,8 @@ button { notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { - border-color: #b1b1ae; - background-image: linear-gradient(to bottom, #ebebea, #f1f1f1); + border-color: #b6b6b3; + background-image: linear-gradient(to bottom, #ebebeb, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, @@ -839,7 +839,7 @@ button.suggested-action { .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -876,7 +876,7 @@ button.suggested-action { -gtk-icon-shadow: none; color: rgba(74, 144, 217, 0.8); } button.suggested-action:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1013,7 +1013,7 @@ button.destructive-action { color: #f7cfcf; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1046,7 +1046,7 @@ button.destructive-action { -gtk-icon-shadow: none; color: rgba(239, 41, 41, 0.8); } button.destructive-action:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1178,7 +1178,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1187,7 +1187,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1196,7 +1196,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: image(#d4d4d2); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1204,7 +1204,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1212,13 +1212,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #8b8e8f; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #b1b1ae; - background-image: linear-gradient(to bottom, #ebebea, #f1f1f1); + border-color: #b6b6b3; + background-image: linear-gradient(to bottom, #ebebeb, #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 { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -1226,13 +1226,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #bcbcb9; - background-image: linear-gradient(to bottom, #d9d9d7); + border-color: #c0c0bd; + background-image: linear-gradient(to bottom, #dadad8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1240,7 +1240,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #c3c3c0; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #bcbcb9; + border-color: #c0c0bd; 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 { @@ -1458,7 +1458,7 @@ spinbutton:not(.vertical) { color: #43484a; background-image: none; border-style: none none none solid; - border-color: rgba(177, 177, 174, 0.3); + border-color: rgba(182, 182, 179, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { @@ -1474,7 +1474,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #96999a; background-color: transparent; - border-color: rgba(188, 188, 185, 0.3); + border-color: rgba(192, 192, 189, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(195, 195, 192, 0.3); @@ -1663,12 +1663,12 @@ searchbar, .inline-toolbar, searchbar, .location-bar { border-style: solid; - border-color: #b1b1ae; - background-color: #d8d8d6; } + border-color: #b6b6b3; + background-color: #d9d9d7; } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: #bcbcb9; - background-color: #d9d9d7; + border-color: #c0c0bd; + background-color: #dadad8; box-shadow: none; transition: 200ms ease-out; } @@ -1688,7 +1688,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #e8e8e7; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); @@ -1858,7 +1858,7 @@ headerbar { headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1869,7 +1869,7 @@ headerbar { headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1880,7 +1880,7 @@ headerbar { headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: image(#d4d4d2); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -1890,7 +1890,7 @@ headerbar { border-color: #184472; } .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1902,7 +1902,7 @@ headerbar { color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -1914,7 +1914,7 @@ headerbar { color: #8b8e8f; } .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -1993,7 +1993,7 @@ window.csd > .titlebar:not(headerbar) { border-color: transparent; box-shadow: none; } .titlebar:not(headerbar) > separator { - background-color: #b1b1ae; } + background-color: #b6b6b3; } /************ * Pathbars * @@ -2180,7 +2180,7 @@ menu, margin: 4px; padding: 2px 0px; background-color: #ffffff; - border: 1px solid #b1b1ae; } + border: 1px solid #b6b6b3; } .csd menu, .csd .menu { border: none; } @@ -2277,7 +2277,7 @@ popover.background { background-color: #e8e8e7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .csd popover.background, popover.background { - border: 1px solid #b1b1ae; } + border: 1px solid #b6b6b3; } popover.background:backdrop { background-color: #e8e8e7; box-shadow: none; } @@ -2299,12 +2299,12 @@ popover.background { *************/ notebook > header { padding: 1px; - border-color: #b1b1ae; + border-color: #b6b6b3; border-width: 1px; - background-color: #cdcdcb; } + background-color: #cfcfcd; } notebook > header:backdrop { - border-color: #bcbcb9; - background-color: #d9d9d7; } + border-color: #c0c0bd; + background-color: #dadad8; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2312,7 +2312,7 @@ notebook > header { notebook > header.top > tabs { margin-bottom: -2px; } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -3px #b1b1ae; } + box-shadow: inset 0 -3px #b6b6b3; } notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { @@ -2322,7 +2322,7 @@ notebook > header { notebook > header.bottom > tabs { margin-top: -2px; } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 3px #b1b1ae; } + box-shadow: inset 0 3px #b6b6b3; } notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { @@ -2332,7 +2332,7 @@ notebook > header { notebook > header.left > tabs { margin-right: -2px; } notebook > header.left > tabs > tab:hover { - box-shadow: inset -3px 0 #b1b1ae; } + box-shadow: inset -3px 0 #b6b6b3; } notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { @@ -2342,7 +2342,7 @@ notebook > header { notebook > header.right > tabs { margin-left: -2px; } notebook > header.right > tabs > tab:hover { - box-shadow: inset 3px 0 #b1b1ae; } + box-shadow: inset 3px 0 #b6b6b3; } notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { @@ -2402,7 +2402,7 @@ notebook > header { notebook > header tab:hover { color: #5d6163; } notebook > header tab:hover.reorderable-page { - border-color: rgba(177, 177, 174, 0.3); + border-color: rgba(182, 182, 179, 0.3); background-color: rgba(232, 232, 231, 0.2); } notebook > header tab:backdrop { color: #b0b2b2; } @@ -2412,14 +2412,14 @@ notebook > header { notebook > header tab:checked { color: #2e3436; } notebook > header tab:checked.reorderable-page { - border-color: rgba(177, 177, 174, 0.5); + border-color: rgba(182, 182, 179, 0.5); background-color: rgba(232, 232, 231, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(232, 232, 231, 0.7); } notebook > header tab:backdrop:checked { color: #8b8e8f; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #e8e8e7; } notebook > header tab button.flat { padding: 0; @@ -2486,16 +2486,16 @@ scrollbar { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { - border-bottom: 1px solid #b1b1ae; } + border-bottom: 1px solid #b6b6b3; } scrollbar.bottom { - border-top: 1px solid #b1b1ae; } + border-top: 1px solid #b6b6b3; } scrollbar.left { - border-right: 1px solid #b1b1ae; } + border-right: 1px solid #b6b6b3; } scrollbar.right { - border-left: 1px solid #b1b1ae; } + border-left: 1px solid #b6b6b3; } scrollbar:backdrop { background-color: #e1e1df; - border-color: #bcbcb9; + border-color: #c0c0bd; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2620,7 +2620,7 @@ scrollbar { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } treeview ~ scrollbar.vertical { - border-top: 1px solid #b1b1ae; + border-top: 1px solid #b6b6b3; margin-top: -1px; } /********** @@ -2630,10 +2630,10 @@ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; - border: 1px solid #b1b1ae; + border: 1px solid #b6b6b3; border-radius: 3px; color: #2e3436; - background-color: #cdcdcb; + background-color: #cfcfcd; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } switch:checked { color: #ffffff; @@ -2642,13 +2642,13 @@ switch { text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { color: #8b8e8f; - border-color: #b1b1ae; + border-color: #b6b6b3; background-color: #f1f1f1; text-shadow: none; } switch:backdrop { color: #8b8e8f; - border-color: #bcbcb9; - background-color: #d9d9d7; + border-color: #c0c0bd; + background-color: #dadad8; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2657,7 +2657,7 @@ switch { background-color: #4a90d9; } switch:disabled { color: #c3c3c0; - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #f1f1f1; } switch slider { margin: -1px; @@ -2682,7 +2682,7 @@ switch { switch:checked slider { border: 1px solid #184472; } switch:disabled slider { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2691,7 +2691,7 @@ switch { color: #8b8e8f; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -2701,7 +2701,7 @@ switch { switch:backdrop:checked slider { border-color: #4a90d9; } switch:backdrop:disabled slider { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2714,9 +2714,9 @@ switch { row:selected switch:backdrop { border-color: #184472; } row:selected switch.slider:dir(rtl) { - border-left-color: #b1b1ae; } + border-left-color: #b6b6b3; } row:selected switch.slider:dir(ltr) { - border-right-color: #b1b1ae; } + border-right-color: #b6b6b3; } row:selected switch.slider:checked, row:selected switch.slider { border-color: #184472; } @@ -2799,7 +2799,7 @@ radio { radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: image(#d4d4d2); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -2808,7 +2808,7 @@ radio { -gtk-icon-shadow: none; } check:disabled, radio:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2819,7 +2819,7 @@ radio { color: #8b8e8f; } check:backdrop, radio:backdrop { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -2831,7 +2831,7 @@ radio { color: #8b8e8f; } check:backdrop:disabled, radio:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -2975,14 +2975,14 @@ treeview.view radio:backdrop { * GtkScale * ************/ scale trough, scale fill, progressbar trough { - border: 1px solid #b1b1ae; + border: 1px solid #b6b6b3; border-radius: 3px; - background-color: #cdcdcb; } + background-color: #cfcfcd; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #f1f1f1; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #d9d9d7; - border-color: #bcbcb9; + background-color: #dadad8; + border-color: #c0c0bd; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { background-color: #f1f1f1; } @@ -3044,7 +3044,7 @@ scale { outline-offset: 2px; -gtk-outline-radius: 5px; } scale fill:backdrop, scale fill { - background-color: #b1b1ae; } + background-color: #b6b6b3; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } @@ -3061,7 +3061,7 @@ scale { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); background-image: linear-gradient(to bottom, #f4f4f4 20%, #e8e8e7 90%); box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1); - border: 1px solid #aaaaa6; + border: 1px solid #afafab; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } @@ -3074,7 +3074,7 @@ scale { scale slider:active { border-color: #184472; } scale slider:disabled { - border-color: #b1b1ae; + border-color: #b6b6b3; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -3083,7 +3083,7 @@ scale { color: #8b8e8f; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -3091,7 +3091,7 @@ scale { scale slider:backdrop label, scale slider:backdrop { color: #8b8e8f; } scale slider:backdrop:disabled { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; @@ -3541,7 +3541,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to top, #b1b1ae); + background-image: linear-gradient(to top, #b6b6b3); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -3660,12 +3660,12 @@ levelbar trough { padding: 2px; border-radius: 3px; color: black; - border-color: #b1b1ae; + border-color: #b6b6b3; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0); } levelbar trough:backdrop { color: #323232; - border-color: #bcbcb9; + border-color: #c0c0bd; background-color: #fcfcfc; box-shadow: none; } levelbar.horizontal.discrete block { @@ -3709,12 +3709,12 @@ levelbar block.empty { *****************/ printdialog paper { color: #2e3436; - border: 1px solid #b1b1ae; + border: 1px solid #b6b6b3; background: white; padding: 0; } printdialog paper:backdrop { color: #8b8e8f; - border-color: #bcbcb9; } + border-color: #c0c0bd; } printdialog .dialog-action-box { margin: 12px; } @@ -3727,24 +3727,24 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #b1b1ae; } + border: 1px solid #b6b6b3; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #bcbcb9; } + border-color: #c0c0bd; } actionbar > revealer > box { padding: 6px; - border-top: 1px solid #b1b1ae; } + border-top: 1px solid #b6b6b3; } actionbar > revealer > box:backdrop { - border-color: #bcbcb9; } + border-color: #c0c0bd; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3752,7 +3752,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -3760,7 +3760,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3768,7 +3768,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -3776,7 +3776,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3784,7 +3784,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -3792,7 +3792,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#989894), to(rgba(152, 152, 148, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#9d9d99), to(rgba(157, 157, 153, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3800,7 +3800,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbcb9), to(rgba(188, 188, 185, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c0bd), to(rgba(192, 192, 189, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -3849,12 +3849,12 @@ scrolledwindow undershoot.right { box-shadow: none; } scrolledwindow junction { border-color: transparent; - border-image: linear-gradient(to bottom, #b1b1ae 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #b6b6b3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #c3c4c4; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #bcbcb9 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #c0c0bd 1px, transparent 1px); background-color: #e1e1df; transition: 200ms ease-out; } @@ -3869,10 +3869,10 @@ separator { list { color: black; background-color: #ffffff; - border-color: #b1b1ae; } + border-color: #b6b6b3; } list:backdrop { background-color: #fcfcfc; - border-color: #bcbcb9; } + border-color: #c0c0bd; } list row { padding: 2px; } @@ -3932,7 +3932,7 @@ expander arrow { ***********/ calendar { color: black; - border: 1px solid #b1b1ae; } + border: 1px solid #b6b6b3; } calendar:selected { border-radius: 3px; } calendar.header { @@ -3955,7 +3955,7 @@ calendar { color: #2e3436; } calendar:backdrop { color: #323232; - border-color: #bcbcb9; } + border-color: #c0c0bd; } /*********** * Dialogs * @@ -3985,9 +3985,9 @@ messagedialog.csd .dialog-action-area button { -gtk-outline-bottom-right-radius: 5px; } filechooser .dialog-action-box { - border-top: 1px solid #b1b1ae; } + border-top: 1px solid #b6b6b3; } filechooser .dialog-action-box:backdrop { - border-top-color: #bcbcb9; } + border-top-color: #c0c0bd; } filechooser #pathbarbox { border-bottom: 1px solid #e8e8e7; } @@ -4002,16 +4002,16 @@ filechooserbutton:drop(active) { border-style: none; background-color: #f4f4f3; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #b1b1ae; + border-right: 1px solid #b6b6b3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #b1b1ae; + border-left: 1px solid #b6b6b3; border-right-style: none; } .sidebar:backdrop { background-color: #f2f2f2; - border-color: #bcbcb9; + border-color: #c0c0bd; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4103,21 +4103,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(#b1b1ae); + background-image: image(#b6b6b3); background-size: 1px 1px; } paned > separator:selected { background-image: image(#4a90d9); } paned > separator:backdrop { - background-image: image(#bcbcb9); } + background-image: image(#c0c0bd); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #e8e8e7; - background-image: image(#b1b1ae), image(#b1b1ae); + background-image: image(#b6b6b3), image(#b6b6b3); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #e8e8e7; - background-image: image(#bcbcb9), image(#bcbcb9); } + background-image: image(#c0c0bd), image(#c0c0bd); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4347,7 +4347,7 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); @@ -4356,14 +4356,14 @@ colorswatch#add-color-button { colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); - border-color: #b1b1ae; + border-color: #b6b6b3; border-bottom-color: #91918c; background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd); text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; } colorswatch#add-color-button overlay:backdrop { - border-color: #bcbcb9; + border-color: #c0c0bd; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; @@ -4431,8 +4431,8 @@ decoration { .solid-csd decoration { margin: 0; padding: 4px; - background-color: #b1b1ae; - border: solid 1px #b1b1ae; + background-color: #b6b6b3; + border: solid 1px #b6b6b3; border-radius: 0; box-shadow: inset 0 0 0 3px #f4f4f4, inset 0 1px rgba(255, 255, 255, 0.8); } .solid-csd decoration:backdrop { @@ -4568,7 +4568,7 @@ button.circular { color: #2e3436; background-color: #ffffff; border: 1px solid; - border-color: #cdcdcb; + border-color: #cfcfcd; border-radius: 5px; box-shadow: inset 0 -3px #ededec; font-size: smaller; } @@ -4642,10 +4642,10 @@ text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ -@define-color borders #b1b1ae; +@define-color borders #b6b6b3; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #bcbcb9; +@define-color unfocused_borders #c0c0bd; /* these are pretty self explicative */ @define-color warning_color #f57900;