[gtk/wip/jimmac/gtk3-public-hc-colors: 3/3] HC: export public colors
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/gtk3-public-hc-colors: 3/3] HC: export public colors
- Date: Thu, 23 Apr 2020 12:25:41 +0000 (UTC)
commit 16b4ae8486a1e1323ed0aae842f94c756a6e4404
Author: Jakub Steiner <jimmac gmail com>
Date: Tue Apr 21 12:39:34 2020 +0200
HC: export public colors
Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/2641 and
https://gitlab.gnome.org/GNOME/gtk/-/issues/2650
gtk/theme/HighContrast/gtk-contained-inverse.css | 263 ++++++++++++++--------
gtk/theme/HighContrast/gtk-contained-inverse.scss | 1 +
gtk/theme/HighContrast/gtk-contained.css | 77 +++++++
gtk/theme/HighContrast/gtk-contained.scss | 1 +
4 files changed, 249 insertions(+), 93 deletions(-)
---
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 5567ec3a81..49dea347b2 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -1,3 +1,80 @@
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #f3f3f1;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #303030;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #2d2d2d;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #0f3b71;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #2f2f2f;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #919191;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2d2d2d;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #919190;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #353535;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #0f3b71;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #5b5b5b;
+/*
+widgets main borders color */
+@define-color borders #686868;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #202020;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #26ab62;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#f3f3f1, 1.8);
+@define-color wm_unfocused_title #919190;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
+@define-color wm_bg_a shade(#303030, 1.2);
+@define-color wm_bg_b #303030;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#303030, 1.3);
+@define-color wm_button_hover_color_b #303030;
+@define-color wm_button_active_color_a shade(#303030, 0.85);
+@define-color wm_button_active_color_b shade(#303030, 0.89);
+@define-color wm_button_active_color_c shade(#303030, 0.9);
+@define-color content_view_bg #2d2d2d;
/*************************** Check and Radio buttons * */
* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000;
-GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width:
20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0;
outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px;
-gtk-outline-radius: 3px; -gtk-secondary-caret-color: #0f3b71; }
@@ -31,7 +108,7 @@
textview border { background-color: #2e2e2e; }
-.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.content-view .rubberband { border: 1px solid #092444; background-color: rgba(9, 36, 68, 0.2); }
+.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband,
flowbox rubberband { border: 1px solid #092444; background-color: rgba(9, 36, 68, 0.2); }
flowbox flowboxchild { padding: 3px; }
@@ -57,7 +134,7 @@ label:disabled:backdrop { color: #5b5b5b; }
button label:disabled:backdrop { color: inherit; }
-.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55;
text-shadow: none; }
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55;
text-shadow: none; }
assistant .sidebar { background-color: #2d2d2d; border-top: 1px solid #686868; }
@@ -69,9 +146,9 @@ assistant .sidebar label { padding: 6px 12px; }
assistant .sidebar label.highlight { background-color: #575756; }
-.csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd,
popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec;
border: none; background-color: rgba(38, 38, 38, 0.9); background-clip: padding-box; text-shadow: 0 1px
black; -gtk-icon-shadow: 0 1px black; }
+.osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd,
popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier,
popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none;
background-color: rgba(38, 38, 38, 0.9); background-clip: padding-box; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
-popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop,
popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop {
text-shadow: none; -gtk-icon-shadow: none; }
+.osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop,
popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop {
text-shadow: none; -gtk-icon-shadow: none; }
/********************* Spinner Animation * */
@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
@@ -110,7 +187,7 @@ spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
-spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical),
spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical),
spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled,
entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent;
border-color: transparent; border-radius: 0; }
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat {
min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #0f3b71; border-color: black; }
@@ -140,7 +217,7 @@ spinbutton:not(.vertical) image:active, entry image:active { color: #0f3b71; }
spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7e7e7d; }
-spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color:
#4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
.osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px
black; -gtk-icon-shadow: 0 1px black; }
@@ -154,11 +231,11 @@ spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; backgroun
spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
-.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical)
spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical),
.linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box >
button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) >
entry:focus + entry { border-left-color: black; }
+.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical)
spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry,
.linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box >
button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) >
entry:focus + entry { border-left-color: black; }
-.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + button,
.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #1a0000; }
+.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button,
.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #1a0000; }
-.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry {
border-left-color: #4e9a06; }
+.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button,
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) >
entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
border-left-color: #4e9a06; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical >
spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) +
spinbutton:not(:disabled):not(.vertical) { border-top-color: #3f3f3f; }
@@ -204,41 +281,41 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #0f3b71; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center,
0.01, to(#185fb4), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0f3b71),
to(transparent)); } }
-notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding:
4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #f3f3f1; outline-color: rgba(243, 243, 241, 0.3); border-color: #686868; border-bottom-color: #4e4e4e;
background-image: linear-gradient(to top, #2d2d2d 2px, #303030); text-shadow: 0 -1px rgba(0, 0, 0, 0.850353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.850353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
+button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding:
4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #f3f3f1; outline-color: rgba(243, 243, 241, 0.3); border-color: #686868; border-bottom-color: #4e4e4e;
background-image: linear-gradient(to top, #2d2d2d 2px, #303030); text-shadow: 0 -1px rgba(0, 0, 0, 0.850353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.850353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
-notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs >
arrow.flat, button.flat.titlebutton, button.flat { border-color: transparent; background-color: transparent;
background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow:
none; transition: none; }
+button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs >
arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
-notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, notebook >
header > tabs > arrow.flat:hover, button.flat.titlebutton:hover, button.flat:hover { transition: all 200ms
cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover,
button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
-notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
button.titlebutton:hover:active, notebook > header > tabs > arrow.flat:hover:active,
button.flat.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25,
0.46, 0.45, 0.94); }
+button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs >
arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-notebook > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #f3f3f1;
outline-color: rgba(243, 243, 241, 0.3); border-color: #686868; border-bottom-color: #4e4e4e; text-shadow: 0
-1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2d2d2d,
#323232 1px); -gtk-icon-effect: highlight; }
+notebook > header > tabs > arrow:hover, button:hover { color: #f3f3f1; outline-color: rgba(243, 243, 241,
0.3); border-color: #686868; border-bottom-color: #4e4e4e; text-shadow: 0 -1px rgba(0, 0, 0, 0.802353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2d2d2d, #323232 1px); -gtk-icon-effect:
highlight; }
-notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #f3f3f1; outline-color:
rgba(243, 243, 241, 0.3); border-color: #686868; background-image: image(#191919); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active,
button:checked { color: #f3f3f1; outline-color: rgba(243, 243, 241, 0.3); border-color: #686868;
background-image: image(#191919); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs >
arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { color: #919190;
border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; }
+notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #919190;
border-color: #202020; background-image: image(#353535); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; }
-notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook >
header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat:checked, notebook > header >
tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs >
arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active,
button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color:
#202020; background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked {
color: #919190; border-color: #202020; background-image: image(#252525); box-shadow: inset 0 1px rgba(255,
255, 255, 0); }
-notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook
header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
button:backdrop.flat:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020;
background-image: image(#2f2f2f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled
{ color: #5b5b5b; border-color: #202020; background-image: image(#2f2f2f); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook > header > tabs > arrow:backdrop.flat:disabled:active,
button.titlebutton:backdrop.flat:disabled:active, notebook > header > tabs >
arrow:backdrop.flat:disabled:checked, button.titlebutton:backdrop.flat:disabled:checked, notebook > header >
tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs
arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active,
button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#252525);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020;
background-image: image(#252525); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop,
notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled,
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop,
button.flat.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled,
button.flat.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled,
button.flat.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled,
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop,
button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { color: #919191;
border-color: #5d5d5d; background-image: image(#2f2f2f); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled, button:disabled { color: #919191; border-color: #5d5d5d;
background-image: image(#2f2f2f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-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 { color: #919191; border-color: #5d5d5d; background-image: image(#202020);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active, button:disabled:checked { color: #919191; border-color: #5d5d5d; background-image:
image(#202020); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button {
min-width: 24px; padding-left: 5px; padding-right: 5px; }
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px;
padding-right: 5px; }
-notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button {
padding-left: 16px; padding-right: 16px; }
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
-notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left:
8px; padding-right: 8px; }
-notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton
label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label {
padding-left: 8px; padding-right: 8px; }
-combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow:
inset 0 0 0 1px #4e9a06; }
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) {
color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent;
}
@@ -256,25 +333,25 @@ button.osd:disabled:backdrop, button.osd:disabled { color: #8a8a89; border-color
button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow:
none; -gtk-icon-shadow: none; border: none; }
-.csd popover.background.touch-selection button, .csd popover.background.magnifier button,
popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
.app-notification.frame button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
+.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button,
.csd popover.background.magnifier button, popover.background.touch-selection button,
popover.background.magnifier button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
-popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
.app-notification button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
+.app-notification button:hover, popover.background.touch-selection button:hover,
popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0,
0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip:
padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0
1px black; outline-color: rgba(238, 238, 236, 0.3); }
-popover.background.touch-selection button:active:backdrop, popover.background.magnifier
button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection
button:active, popover.background.magnifier button:active, .app-notification button:active,
popover.background.touch-selection button:checked:backdrop, popover.background.magnifier
button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection
button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd
button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7));
background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color:
rgba(238, 238, 236, 0.3); }
+.app-notification button:active, popover.background.touch-selection button:active,
popover.background.magnifier button:active, .app-notification button:checked,
popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd
button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white;
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7));
background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color:
rgba(238, 238, 236, 0.3); }
-popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier
button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection
button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd
button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box;
box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
+.app-notification button:disabled, popover.background.touch-selection button:disabled,
popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color:
#8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58,
58, 57, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
-popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
.app-notification button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip: padding-box;
box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
+.app-notification button:backdrop, popover.background.touch-selection button:backdrop,
popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0,
0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.9)); background-clip:
padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
-popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification
button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow:
none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier
button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow:
none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
-popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover,
.app-notification button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(238, 238, 236, 0.3); }
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover,
popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0,
0, 0, 0.7); background-color: transparent; background-image: image(rgba(68, 68, 68, 0.9)); background-clip:
padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0
1px black; outline-color: rgba(238, 238, 236, 0.3); }
-popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled,
.app-notification button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0,
0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip:
padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none;
border-color: transparent; box-shadow: none; }
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled,
popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color:
rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5));
background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image:
none; border-color: transparent; box-shadow: none; }
-popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop,
.app-notification button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
+.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop,
popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent;
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; -gtk-icon-shadow: none; }
-popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active,
.app-notification button.flat:active, popover.background.touch-selection button.flat:checked,
popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd
button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box;
box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active,
popover.background.magnifier button.flat:active, .app-notification button.flat:checked,
popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked,
.osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box;
box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71;
border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0
-1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -368,11 +445,11 @@ button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):n
button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #f3f3f1;
outline-color: rgba(243, 243, 241, 0.3); border-color: #686868; border-bottom-color: #4e4e4e; text-shadow: 0
-1px rgba(0, 0, 0, 0.802353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2d2d2d,
#323232 1px); background-image: linear-gradient(to top, #2d2d2d, #323232 1px), linear-gradient(to top,
#4e4e4e 25%, #686868 50%); border-color: transparent; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
-gtk-gradient(radial, center center, 0, center center, 0.5, to(#185fb4), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.850353)), to(transparent));
background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher
button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image:
-gtk-gradient(radial, center center, 0, center center, 0.5, to(#185fb4), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.850353)), to(transparent));
background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
-.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention >
image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; }
+stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention >
label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
-.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention >
image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; }
+stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention >
label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px,
left 2px; }
.inline-toolbar toolbutton > button { color: #f3f3f1; outline-color: rgba(243, 243, 241, 0.3); border-color:
#686868; border-bottom-color: #4e4e4e; background-image: linear-gradient(to top, #2d2d2d 2px, #303030);
text-shadow: 0 -1px rgba(0, 0, 0, 0.850353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.850353); box-shadow:
inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -392,23 +469,23 @@ button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:b
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#252525);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button,
.inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked >
button:checked, .linked > button:backdrop, filechooser .path-bar.linked > button, .linked > combobox > box >
button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0;
border-right-style: none; -gtk-outline-radius: 0; }
+.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl),
filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical),
.linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button,
.linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop,
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat {
border-radius: 0; border-right-style: none; -gtk-outline-radius: 0; }
-toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar
toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) >
spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar
button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:dir(ltr):first-child,
filechooser .path-bar.linked > button:dir(rtl):last-child, combobox.linked button:nth-child(2):dir(rtl),
.linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 5px;
border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0;
border-right-style: none; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px;
-gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked
button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser
.path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) >
spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar
button:first-child, .inline-toolbar button:first-child:backdrop, .linked > button:first-child, .linked >
button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked
button:first-child:backdrop, toolbar.inline-toolbar toolbutton:first-child > button.flat {
border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-right-style: none; -gtk-outline-bottom-left-radius: 5px;
-gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
-toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar
toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child,
filechooser .path-bar.linked > button:dir(ltr):last-child, filechooser .path-bar.linked >
button:dir(rtl):first-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) >
combobox:last-child > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0;
border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right-style: solid;
-gtk-outline-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-left-radius:
0; -gtk-outline-top-left-radius: 0; }
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked
button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser
.path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .inline-toolbar
button:last-child:backdrop, .linked > button:last-child, .linked > button:last-child:hover, .linked >
button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop,
toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-left-radius: 0;
border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
border-right-style: solid; -gtk-outline-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px;
-gtk-outline-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; }
-toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar
toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child,
filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box >
button.combo { border-radius: 5px; border-style: solid; -gtk-outline-radius: 5px; }
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked >
button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked >
button:only-child, .linked > button:only-child:hover, .linked > button:only-child:active, .linked >
button:only-child:checked, .linked > button:only-child:backdrop, toolbar.inline-toolbar toolbutton:only-child
button.flat { border-radius: 5px; border-style: solid; -gtk-outline-radius: 5px; }
-.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button,
.linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked,
.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid
solid none solid; border-radius: 0; }
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical),
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical >
button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid
solid none solid; border-radius: 0; }
-.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child,
.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
border-top-left-radius: 5px; border-top-right-radius: 5px; }
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical >
spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical >
button:first-child, .linked.vertical > button:first-child:hover, .linked.vertical >
button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical >
button:first-child:backdrop { border-top-left-radius: 5px; border-top-right-radius: 5px; }
-.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child,
.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-style: solid; }
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical >
spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical >
button:last-child, .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active,
.linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop {
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-style: solid; }
-.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child,
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
border-radius: 5px; border-style: solid; }
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical >
spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical >
button:only-child, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active,
.linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop { border-radius:
5px; border-style: solid; }
-modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row
button.image-button:not(.flat), button:link, button:visited, button:link:hover, button:link:active,
button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, calendar.button,
.scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled,
.scale-popup button:backdrop { background-color: transparent; background-image: none; border-color:
transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop,
.scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked,
button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row
button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat,
.menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; }
/* menu buttons */
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px;
border-radius: 5px; outline-offset: -2px; }
@@ -436,25 +513,25 @@ list row button.image-button:not(.flat):hover { color: #f3f3f1; outline-color: r
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color:
#f3f3f1; outline-color: rgba(243, 243, 241, 0.3); border-color: #686868; background-image: image(#191919);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/********* Links * */
-button:link, button:visited, button:link > label, button:visited > label, *:link { color: #3584e4; }
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #3584e4; }
-button:visited, button:link > label:visited, button:visited > label:visited, *:link:visited { color:
#1b6acb; }
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color:
#1b6acb; }
-*:selected button:visited, *:selected button:link > label:visited, *:selected button:visited >
label:visited, *:selected *:link:visited { color: #a4c4ea; }
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected
button:visited, *:selected *:link:visited { color: #a4c4ea; }
-button:hover:link, button:hover:visited, button:link > label:hover, button:visited > label:hover,
*:link:hover { color: #629fea; }
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited,
*:link:hover { color: #629fea; }
-*:selected button:hover:link, *:selected button:hover:visited, *:selected button:link > label:hover,
*:selected button:visited > label:hover, *:selected *:link:hover { color: #eff5fd; }
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link,
*:selected button:hover:visited, *:selected *:link:hover { color: #eff5fd; }
-button:active:link, button:active:visited, button:link > label:active, button:visited > label:active,
*:link:active { color: #3584e4; }
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited,
*:link:active { color: #3584e4; }
-*:selected button:active:link, *:selected button:active:visited, *:selected button:link > label:active,
*:selected button:visited > label:active, *:selected *:link:active { color: #d7e6fa; }
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected
button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d7e6fa; }
-button:disabled:link, button:disabled:visited, button:link > label:disabled, button:visited >
label:disabled, button:disabled:backdrop:link, button:disabled:backdrop:visited, button:link >
label:disabled:backdrop, button:visited > label:disabled:backdrop, *:link:disabled, *:link:disabled:backdrop
{ color: rgba(141, 141, 141, 0.8); }
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link,
button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(141, 141, 141, 0.8); }
-button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, button:link >
label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover,
button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, button:link >
label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected,
button:backdrop:link, button:backdrop:visited, button:link > label:backdrop, button:visited > label:backdrop,
*:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(53,
132, 228, 0.9); }
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link,
button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected,
*:link:backdrop { color: rgba(53, 132, 228, 0.9); }
-.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar)
.subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link,
button:selected:link, button:selected:visited, button:link > label:selected, button:visited > label:selected,
*:selected button:link, *:selected button:visited, *:selected button:link > label, *:selected button:visited
label, *:link:selected, *:selected *:link { color: #d7e6fa; }
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar)
.subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link,
button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited,
*:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected
button:visited, *:link:selected, *:selected *:link { color: #d7e6fa; }
button:link, button:visited { text-shadow: none; }
@@ -467,7 +544,7 @@ spinbutton { font-feature-settings: "tnum"; }
spinbutton:not(.vertical) { padding: 0; }
-spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { min-width: 28px; margin: 0;
background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+.osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0;
background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
@@ -539,7 +616,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
combobox:drop(active) { box-shadow: none; }
/************ Toolbars * */
-toolbar, .inline-toolbar, searchbar > revealer > box, .location-bar { -GtkWidget-window-dragging: true;
padding: 4px; background-color: #303030; }
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true;
padding: 4px; background-color: #303030; }
toolbar { padding: 4px 3px 3px 4px; }
@@ -590,17 +667,17 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover,
.selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0
-1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099,
#1655a2 1px); }
-.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode
.titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar)
button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode
headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar
button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode
button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked,
headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); te
xt-shadow: none; -gtk-icon-shadow: none; }
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode.titlebar:not(headerbar) button:active,
.selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active,
.selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode
headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode
button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active
{ color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image:
image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar)
button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { color: #d0ddec; border-color: #0f3b71; background-image:
image(#15539e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; border-color: #030c17; }
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar)
button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d0ddec;
border-color: #0f3b71; background-image: image(#15539e); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d0dae5; border-color:
#0f3b7
1; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar)
button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar
button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode
headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode
button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode
button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #d0dae5; border-color:
#0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color:
#030c17; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
.selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled {
color: #6a8bb5; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar)
button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar
button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode
button:backdrop:disabled { color: #6a8bb5; border-color: #0f3b71; background-image: image(#194d8d);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color:
#030c17; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active,
.selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar
button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active,
headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.
selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked {
color: #6885aa; border-color: #0f3b71; background-image: image(#16447c); box-shadow: inset 0 1px rgba(255,
255, 255, 0); border-color: #030c17; }
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode
.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar)
button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
.selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar
button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked { color: #6885aa; border-color: #0f3b71;
background-image: image(#16447c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode
button.titlebutton:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop,
.selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar)
button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop,
.selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar)
button.flat:backdrop:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar
button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode
button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-ic
on-shadow: none; }
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode
.titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled,
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar)
button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar
button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode
button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode
button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar)
button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color:
#8ca6c6; border-color: #0f3b71; background-image: image(#194d8d); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -618,13 +695,13 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar
button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled
{ color: #5b5b5b; border-color: #202020; background-image: image(#2f2f2f); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar)
.selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop,
.selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop,
.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu { border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83,
158, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar)
.selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar
.selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu
{ border-color: rgba(21, 83, 158, 0); background-color: rgba(21, 83, 158, 0); background-image: none;
box-shadow: none; min-height: 20px; padding: 6px 10px; }
-.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode
.titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar)
.selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow,
.selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow {
-GtkArrow-arrow-scaling: 1; }
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar)
.selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar
.selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode
.selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
-.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode
.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar)
.selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
.selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow,
headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow:
none; }
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar)
.selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar
.selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode
.selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255,
0.5); -gtk-icon-shadow: none; }
-.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top
.titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right
.titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom
.titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left
.titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized
.titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
.titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled
headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right
headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop,
.tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop,
.fullscreen headerbar { border-radius: 0; }
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar),
.tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized
.titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar,
.tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen
headerbar { border-radius: 0; }
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
@@ -632,7 +709,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
-.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd
.titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd
.titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd
headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left:
-1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl),
.solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0;
box-shadow: none; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top:
6px; margin-bottom: 6px; }
@@ -748,7 +825,7 @@ treeview.view header button:backdrop { color: #636362; border-color: #353535; bo
treeview.view header button:backdrop:disabled { border-color: #353535; background-image: none; }
-treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
border-right-style: none; }
+treeview.view header button:last-child { border-right-style: none; }
/********* Menus * */
menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0,
0.1); }
@@ -1173,33 +1250,33 @@ menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:no
treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus,
treeview.view radio:selected { color: #ffffff; }
/************ GtkScale * */
-scale trough, scale fill, progressbar trough { border: 1px solid #686868; border-radius: 3px;
background-color: #282828; }
+progressbar trough, scale fill, scale trough { border: 1px solid #686868; border-radius: 3px;
background-color: #282828; }
-scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #2f2f2f; }
+progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #2f2f2f; }
-scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #2e2e2e;
border-color: #202020; transition: 200ms ease-out; }
+progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2e2e2e;
border-color: #202020; transition: 200ms ease-out; }
-scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
background-color: #2f2f2f; }
+progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
background-color: #2f2f2f; }
-row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled,
scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected
trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: black; }
+row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected scale trough, scale row:selected trough { border-color: black; }
-.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+.osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
-.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled,
.osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(58, 58, 57, 0.5);
}
+.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd
fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(58, 58, 57,
0.5); }
-scale highlight, progressbar progress { border: 1px solid #030c17; border-radius: 3px; background-color:
#15539e; }
+progressbar progress, scale highlight { border: 1px solid #030c17; border-radius: 3px; background-color:
#15539e; }
-scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color:
transparent; }
+progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color:
transparent; }
-scale highlight:backdrop, progressbar progress:backdrop { border-color: #030c17; }
+progressbar progress:backdrop, scale highlight:backdrop { border-color: #030c17; }
-scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent;
border-color: transparent; }
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent;
border-color: transparent; }
-row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar
progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale
row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color:
black; }
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale
row:selected highlight { border-color: black; }
-.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
border-color: rgba(0, 0, 0, 0.7); }
+.osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight {
border-color: rgba(0, 0, 0, 0.7); }
-.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled,
progressbar .osd progress:disabled { border-color: transparent; }
+.osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale
.osd highlight:disabled { border-color: transparent; }
scale { min-height: 10px; min-width: 10px; padding: 12px; }
@@ -1615,7 +1692,7 @@ filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
.sidebar { border-style: none; background-color: #2e2e2e; }
-stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #686868; border-left-style: none; }
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #686868;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl),
.sidebar:not(separator).right { border-left: 1px solid #686868; border-right-style: none; }
@@ -1862,15 +1939,15 @@ button.titlebutton:backdrop { -gtk-icon-shadow: none; }
.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar
button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
-.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected,
textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection,
iconview text selection, textview text selection:focus, textview text selection, flowbox
flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected,
calendar:selected { background-color: #0f3b71; }
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view
text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text
selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text
selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, entry
selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection,
treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color:
#0f3b71; }
-label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected,
.view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview
text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview
text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection,
modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus,
treeview.view:selected, row:selected, calendar:selected { color: #ffffff; }
+label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view
text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text
selection:focus, .view text selection, textview text selection:focus, textview text selection,
iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview
text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus,
treeview.view:selected, row:selected, calendar:selected { color: #ffffff; }
-label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled,
iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview
text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview
text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text
selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox
flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled,
modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected,
calendar:disabled:selected { color: #879db8; }
+label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled,
.view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview
text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text
selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text
selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry
selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected,
spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected,
calendar:disabled:selected { color: #879db8; }
-label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop,
iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview
text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview
text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text
selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox
flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop,
modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected,
calendar:backdrop:selected { color: #d6d6d6; }
+label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop,
.view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview
text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text
selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text
selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry
selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected,
spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected,
calendar:backdrop:selected { color: #d6d6d6; }
-label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode
button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
.view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview
text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text
selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox
flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry
selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected,
calendar:backdrop:disabled:selected { color: #4b6a8f; }
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode
button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view
text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text
selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected,
iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry
selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
.menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled,
row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #4b6a8f; }
.monospace { font-family: monospace; }
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.scss
b/gtk/theme/HighContrast/gtk-contained-inverse.scss
index bfb2eb3c65..51c57c0fbf 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.scss
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.scss
@@ -8,5 +8,6 @@ $variant: 'dark';
@import '../Adwaita/colors';
@import 'colors-hc';
+@import '../Adwaita/colors-public'; // export public colors
@import '../Adwaita/drawing';
@import '../Adwaita/common';
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 595b7db62f..957c7caf9e 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -1,3 +1,80 @@
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #272c2e;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color black;
+/*
+widget base background color */
+@define-color theme_bg_color #fdfdfc;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #ffffff;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #1b6acb;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #fefefd;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #929495;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #ffffff;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #929595;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color black;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f6f5f4;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #fcfcfc;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #1b6acb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d4cfca;
+/*
+widgets main borders color */
+@define-color borders #877b6e;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #d5d0cc;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #33d17a;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#272c2e, 1.8);
+@define-color wm_unfocused_title #929595;
+@define-color wm_highlight rgba(255, 255, 255, 0.8);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#fdfdfc, 1.2);
+@define-color wm_bg_b #fdfdfc;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#fdfdfc, 1.3);
+@define-color wm_button_hover_color_b #fdfdfc;
+@define-color wm_button_active_color_a shade(#fdfdfc, 0.85);
+@define-color wm_button_active_color_b shade(#fdfdfc, 0.89);
+@define-color wm_button_active_color_c shade(#fdfdfc, 0.9);
+@define-color content_view_bg #ffffff;
/*************************** Check and Radio buttons * */
* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000;
-GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width:
20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0;
outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px;
-gtk-outline-radius: 3px; -gtk-secondary-caret-color: #1b6acb; }
diff --git a/gtk/theme/HighContrast/gtk-contained.scss b/gtk/theme/HighContrast/gtk-contained.scss
index 9a5613fc32..236834aed8 100644
--- a/gtk/theme/HighContrast/gtk-contained.scss
+++ b/gtk/theme/HighContrast/gtk-contained.scss
@@ -8,5 +8,6 @@ $variant: 'light';
@import '../Adwaita/colors';
@import 'colors-hc';
+@import '../Adwaita/colors-public'; // export public colors
@import '../Adwaita/drawing';
@import '../Adwaita/common';
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
