[gtk/wip/jimmac/plug-holes-gtk3] Adwaita: work around holes in unfocused windows
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/plug-holes-gtk3] Adwaita: work around holes in unfocused windows
- Date: Thu, 26 Mar 2020 18:12:27 +0000 (UTC)
commit f4c705b4042318db31720c8220234c32361fa1cc
Author: Jakub Steiner <jimmac gmail com>
Date: Thu Mar 26 19:09:57 2020 +0100
Adwaita: work around holes in unfocused windows
- works around holes in rounded corners of backdrop windows
Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/2537
gtk/theme/Adwaita/_common.scss | 4 +
gtk/theme/Adwaita/gtk-contained-dark.css | 234 ++++++++++++++++---------------
gtk/theme/Adwaita/gtk-contained.css | 230 +++++++++++++++---------------
3 files changed, 240 insertions(+), 228 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 0d3cbc46b2..5f606f521d 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4640,6 +4640,10 @@ decoration {
&:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; }
}
+
+ window.csd & {
+ background: black; /* transparent makes gtk3 leak light on the corners #2537 */
+ }
}
// Window Close button
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index e072705ca3..945af2bd4f 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -31,7 +31,7 @@
textview border { background-color: #313131; }
-.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.content-view .rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); }
+.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband,
flowbox rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); }
flowbox flowboxchild { padding: 3px; }
@@ -57,7 +57,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 #1b1b1b; }
@@ -69,9 +69,9 @@ assistant .sidebar label { padding: 6px 12px; }
assistant .sidebar label.highlight { background-color: #5a5a59; }
-.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 +110,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 #15539e; border-color: #030c17; }
@@ -140,7 +140,7 @@ spinbutton:not(.vertical) image:active, entry image:active { color: #15539e; }
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 +154,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: #030c17; }
+.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: #030c17; }
-.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + button,
.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) >
spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #1a0000; }
+.linked:not(.vertical) > spinbutton: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: #282828; }
@@ -204,41 +204,41 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center,
0.01, to(#1f76e1), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15539e),
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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
+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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); }
-notebook > 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: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); -gtk-icon-effect: highlight; }
+notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236,
0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, #373737 1px); -gtk-icon-effect:
highlight; }
-notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color:
rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active,
button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b;
background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook > 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(#2a2a2a); 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(#2a2a2a); 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(#323232); 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(#323232); 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(#2a2a2a);
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(#2a2a2a); 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: #919190;
border-color: #1b1b1b; background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #1b1b1b;
background-image: image(#323232); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook > 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: #919190; border-color: #1b1b1b; background-image: image(#252525);
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: #919190; border-color: #1b1b1b; background-image:
image(#252525); 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 +256,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); }
@@ -364,15 +364,15 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4
button.circular label { padding: 0; }
-button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to
top, #070707 25%, #1b1b1b 50%); border-color: transparent; }
+button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color:
#eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707;
background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232 2px, #353535), linear-gradient(to
top, #070707 25%, #1b1b1b 50%); border-color: transparent; }
-button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top,
#070707 25%, #1b1b1b 50%); border-color: transparent; }
+button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232,
#373737 1px); background-image: linear-gradient(to top, #323232, #373737 1px), linear-gradient(to top,
#070707 25%, #1b1b1b 50%); border-color: transparent; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
-gtk-gradient(radial, center center, 0, center center, 0.5, to(#1f76e1), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.834353)), 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(#1f76e1), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.834353)), 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: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color:
#1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535);
text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow:
inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -392,23 +392,23 @@ button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a);
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 +436,25 @@ list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: r
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color:
#eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/********* 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; }
@@ -463,9 +463,11 @@ button:link:hover, button:link:active, button:link:checked, button:visited:hover
button:link > label, button:visited > label { text-decoration-line: underline; }
/***************** GtkSpinButton * */
+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; }
@@ -537,7 +539,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: #353535; }
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true;
padding: 4px; background-color: #353535; }
toolbar { padding: 4px 3px 3px 4px; }
@@ -588,17 +590,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); }
@@ -616,13 +618,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(#323232); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #030c17; }
-.selection-mode .titlebar:not(headerbar) .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; }
@@ -630,7 +632,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; }
@@ -746,7 +748,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); }
@@ -1037,13 +1039,13 @@ treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px;
/********** Switch * */
switch { outline-offset: -4px; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec;
background-color: #282828; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme
*/ }
-switch:checked { color: #ffffff; border-color: #030c17; background-color: #15539e; text-shadow: 0 1px
rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+switch:checked { color: #ffffff; border-color: #030c17; background-color: #1b6acb; text-shadow: 0 1px
rgba(3, 12, 23, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; }
switch:backdrop { color: #919190; border-color: #202020; background-color: #2e2e2e; text-shadow: none;
transition: 200ms ease-out; }
-switch:backdrop:checked { border-color: #030c17; background-color: #15539e; }
+switch:backdrop:checked { border-color: #030c17; background-color: #1b6acb; }
switch:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-color: #323232; }
@@ -1053,32 +1055,32 @@ switch image { color: transparent; }
switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #111111;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, #444444 20%, #3a3a3a 90%); }
-switch:checked slider { border: 1px solid #030c17; }
+switch:checked > slider { border: 1px solid #030c17; }
switch:disabled slider { color: #919190; border-color: #1b1b1b; background-image: image(#323232);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop slider { transition: 200ms ease-out; 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); }
-switch:backdrop:checked slider { border-color: #030c17; }
+switch:backdrop:checked > slider { border-color: #030c17; }
switch:backdrop:disabled slider { color: #5b5b5b; border-color: #202020; background-image: image(#323232);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
/************************* Check and Radio items * */
-.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
#1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0;
-gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile
check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile
check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
#1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0;
-gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile
check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile
check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view
.tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: rgba(90, 90, 90, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view
.tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: #737373; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view
.tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec;
background-color: rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view
.tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec;
background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
-.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
.content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
.content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
-.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
.content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: rgba(21, 83, 158, 0.95); border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
.content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: #1b6acb; border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
-.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
rgba(238, 238, 236, 0.8); background-color: rgba(90, 90, 90, 0.95); border-radius: 5px; background-image:
none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source:
-gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
rgba(238, 238, 236, 0.8); background-color: #737373; border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
@@ -1106,27 +1108,27 @@ check:backdrop, radio:backdrop { background-image: image(#353535); box-shadow: n
check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); }
-check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom,
#185fb4 20%, #15539e 90%); border-color: #15539e; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom,
#1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
-check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0
90%); }
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #3181e3 10%, #1e74dd
90%); }
check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px black; }
check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
-check:checked:backdrop, radio:checked:backdrop { background-image: image(#15539e); box-shadow: none; color:
#ffffff; }
+check:checked:backdrop, radio:checked:backdrop { background-image: image(#1b6acb); box-shadow: none; color:
#ffffff; }
check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255,
255, 0.7); }
-check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to
bottom, #185fb4 20%, #15539e 90%); border-color: #15539e; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color:
#ffffff; }
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to
bottom, #1f76e1 20%, #1b6acb 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color:
#ffffff; }
-check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #1b68c6
10%, #185cb0 90%); }
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #3181e3
10%, #1e74dd 90%); }
check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; }
check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255,
0.7); }
-check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#15539e); box-shadow:
none; color: #ffffff; }
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#1b6acb); box-shadow:
none; color: #ffffff; }
check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color:
rgba(255, 255, 255, 0.7); }
@@ -1171,33 +1173,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 #1b1b1b; border-radius: 3px;
background-color: #282828; }
+progressbar trough, scale fill, scale trough { border: 1px solid #1b1b1b; border-radius: 3px;
background-color: #282828; }
-scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #323232; }
+progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #323232; }
-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: #323232; }
+progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
background-color: #323232; }
-row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled,
scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected
trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #030c17; }
+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: #030c17; }
-.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+.osd 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:
#030c17; }
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale
row:selected highlight { border-color: #030c17; }
-.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; }
@@ -1249,7 +1251,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #0
.osd scale slider:backdrop:disabled { background-color: #262626; }
-scale marks, scale value { color: alpha(currentColor,0.55); }
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
@@ -1412,7 +1414,7 @@ scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-
scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
/***************** Progress bars * */
-progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); }
+progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; }
progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; }
@@ -1613,7 +1615,7 @@ filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
.sidebar { border-style: none; background-color: #313131; }
-stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #1b1b1b; 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 #1b1b1b;
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 #1b1b1b; border-right-style: none; }
@@ -1848,6 +1850,8 @@ messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0,
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07);
}
+window.csd decoration { background: black; /* transparent makes gtk3 leak light on the corners #2537 */ }
+
button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0,
0.834353); }
button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0;
min-height: 0; }
@@ -1858,15 +1862,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: #15539e; }
+.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:
#15539e; }
-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: #8aa9ce; }
+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: #8aa9ce; }
-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: #4f7aaf; }
+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: #4f7aaf; }
.monospace { font-family: monospace; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 856e9739a9..a443617ab7 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -31,7 +31,7 @@
textview border { background-color: #fbfafa; }
-.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.content-view .rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); }
+.rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband,
flowbox rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); }
flowbox flowboxchild { padding: 3px; }
@@ -57,7 +57,7 @@ label:disabled:backdrop { color: #d4cfca; }
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: #ffffff; border-top: 1px solid #cdc7c2; }
@@ -69,9 +69,9 @@ assistant .sidebar label { padding: 6px 12px; }
assistant .sidebar label.highlight { background-color: #cecece; }
-.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(53, 53, 53, 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(53, 53, 53, 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 +110,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 #3584e4; border-color: #3584e4; }
@@ -140,7 +140,7 @@ spinbutton:not(.vertical) image:active, entry image:active { color: #3584e4; }
spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #a7aaaa; }
-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 +154,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: #3584e4; }
+.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: #3584e4; }
-.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: #cc0000; }
+.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: #cc0000; }
-.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: #f0eeed; }
@@ -204,41 +204,41 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center,
0.01, to(#3584e4), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4),
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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1;
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255,
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px
rgba(0, 0, 0, 0.07); }
+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: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1;
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255,
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px
rgba(0, 0, 0, 0.07); }
-notebook > 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: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
-gtk-icon-effect: highlight; }
+notebook > header > tabs > arrow:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3);
border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); -gtk-icon-effect: highlight; }
-notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs >
arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color:
rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
+notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active,
button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2;
background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none;
-gtk-icon-shadow: none; transition-duration: 50ms; }
-notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs >
arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { color: #929595;
border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; }
+notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #929595;
border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-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: #929595; border-color:
#d5d0cc; background-image: image(#e4e4e0); 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: #929595; border-color: #d5d0cc; background-image: image(#e4e4e0); 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: #d4cfca; border-color: #d5d0cc;
background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled
{ color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-notebook > 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: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0);
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: #d4cfca; border-color: #d5d0cc;
background-image: image(#e4e4e0); 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: #929595;
border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+notebook > header > tabs > arrow:disabled, button:disabled { color: #929595; border-color: #cdc7c2;
background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-notebook > 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: #929595; border-color: #cdc7c2; background-image: image(#e4e4e0);
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: #929595; border-color: #cdc7c2; background-image:
image(#e4e4e0); 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 { border-color: #185fb4; }
@@ -258,25 +258,25 @@ button.osd:disabled:backdrop, button.osd:disabled { color: #919190; border-color
button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(53, 53, 53, 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(53, 53, 53, 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(53, 53, 53, 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(83, 83, 83, 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(83, 83, 83, 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: #919190; border-color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-image: image(rgba(71, 71, 71, 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:
#919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71,
71, 71, 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(53, 53, 53, 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(53, 53, 53, 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(83, 83, 83, 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(83, 83, 83, 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: #919190; border-color: rgba(0, 0,
0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 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: #919190; border-color:
rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 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: #1b6acb;
border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0
-1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -366,15 +366,15 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4
button.circular label { padding: 0; }
-button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image:
linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0,
0.07); background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top, #bfb8b1 25%,
#cdc7c2 50%); border-color: transparent; }
+button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color:
#2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1;
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255,
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px
rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top,
#bfb8b1 25%, #cdc7c2 50%); border-color: transparent; }
-button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2
50%); border-color: transparent; }
+button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px
rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px
white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px);
background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2
50%); border-color: transparent; }
-.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image,
stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image:
-gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)),
to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right
3px, right 4px; }
+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(#3584e4), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)),
to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right
3px, right 4px; }
-.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 4px; }
+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 4px; }
.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color:
#cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -394,23 +394,23 @@ button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e4e4e0);
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; }
@@ -444,25 +444,25 @@ list row button.image-button:not(.flat):hover { color: #2e3436; outline-color: r
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color:
#2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/********* Links * */
-button:link, button:visited, button:link > label, button:visited > label, *:link { color: #1b6acb; }
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #1b6acb; }
-button:visited, button:link > label:visited, button:visited > label:visited, *:link:visited { color:
#15539e; }
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color:
#15539e; }
-*:selected button:visited, *:selected button:link > label:visited, *:selected button:visited >
label:visited, *:selected *:link:visited { color: #a1bad8; }
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected
button:visited, *:selected *:link:visited { color: #a1bad8; }
-button:hover:link, button:hover:visited, button:link > label:hover, button:visited > label:hover,
*:link:hover { color: #3584e4; }
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited,
*:link:hover { color: #3584e4; }
-*:selected button:hover:link, *:selected button:hover:visited, *:selected button:link > label:hover,
*:selected button:visited > label:hover, *:selected *:link:hover { color: #ebf3fc; }
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link,
*:selected button:hover:visited, *:selected *:link:hover { color: #ebf3fc; }
-button:active:link, button:active:visited, button:link > label:active, button:visited > label:active,
*:link:active { color: #1b6acb; }
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited,
*:link:active { color: #1b6acb; }
-*:selected button:active:link, *:selected button:active:visited, *:selected button:link > label:active,
*:selected button:visited > label:active, *:selected *:link:active { color: #d1e1f5; }
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected
button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d1e1f5; }
-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(115, 115, 115, 0.8); }
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link,
button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(115, 115, 115, 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(27,
106, 203, 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(27, 106, 203, 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: #d1e1f5; }
+.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: #d1e1f5; }
button:link, button:visited { text-shadow: none; }
@@ -471,9 +471,11 @@ button:link:hover, button:link:active, button:link:checked, button:visited:hover
button:link > label, button:visited > label { text-decoration-line: underline; }
/***************** GtkSpinButton * */
+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; }
@@ -545,7 +547,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: #f6f5f4; }
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true;
padding: 4px; background-color: #f6f5f4; }
toolbar { padding: 4px 3px 3px 4px; }
@@ -596,17 +598,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: #1b6acb; border-bottom-color: #15539e; text-shadow: 0
-1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4,
#3987e5 1px); }
-.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar)
button:checked, .selection-mode .titlebar:not(headerbar) button.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: #1b6acb; background-image: image(#1961b9); 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: #1b6acb; background-image:
image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar)
button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat,
.selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat,
.selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop { color: #d7e6fa; border-color: #3584e4; background-image:
image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; border-color: #185fb4; }
+.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: #d7e6fa;
border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #185fb4; }
-.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: #d5e6f9; border-color:
#2f80e
3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
+.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: #d5e6f9; border-color:
#2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color:
#185fb4; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .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: #8fbbf0; border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow:
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
+.selection-mode .titlebar:not(headerbar) button:backdrop: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: #8fbbf0; border-color: #5396e8; background-image: image(#5396e8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color:
#185fb4; }
-.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled: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: #78aced; border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255,
255, 255, 0); border-color: #185fb4; }
+.selection-mode .titlebar:not(headerbar) button:backdrop: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: #78aced; border-color: #2f80e3;
background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
-.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:
#a9cbf4; border-color: #1b6acb; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -624,13 +626,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: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none;
-gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
-.selection-mode .titlebar:not(headerbar) .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(53, 132, 228, 0); background-color: rgba(53,
132, 228, 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(53, 132, 228, 0); background-color: rgba(53, 132, 228, 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; }
@@ -638,7 +640,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; }
@@ -754,7 +756,7 @@ treeview.view header button:backdrop { color: #c4c5c5; border-color: #f6f5f4; bo
treeview.view header button:backdrop:disabled { border-color: #f6f5f4; 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); }
@@ -1045,13 +1047,13 @@ treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px;
/********** Switch * */
switch { outline-offset: -4px; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436;
background-color: #e1dedb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme
*/ }
-switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; text-shadow: 0 1px
rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+switch:checked { color: #ffffff; border-color: #15539e; background-color: #3584e4; text-shadow: 0 1px
rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; }
switch:backdrop { color: #929595; border-color: #d5d0cc; background-color: #eae8e6; text-shadow: none;
transition: 200ms ease-out; }
-switch:backdrop:checked { color: #f6f5f4; border-color: #3584e4; background-color: #3584e4; }
+switch:backdrop:checked { color: #f6f5f4; border-color: #15539e; background-color: #3584e4; }
switch:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; }
@@ -1061,38 +1063,38 @@ switch image { color: transparent; }
switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image:
linear-gradient(to bottom, white 10%, white 90%); }
-switch:checked slider { border: 1px solid #185fb4; }
+switch:checked > slider { border: 1px solid #15539e; }
switch:disabled slider { color: #929595; border-color: #cdc7c2; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch:backdrop slider { transition: 200ms ease-out; color: #929595; border-color: #d5d0cc;
background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px
rgba(255, 255, 255, 0); }
-switch:backdrop:checked slider { border-color: #3584e4; }
+switch:backdrop:checked > slider { border-color: #15539e; }
switch:backdrop:disabled slider { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8);
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-row:selected switch { box-shadow: none; border-color: #185fb4; }
+row:selected switch { box-shadow: none; border-color: #15539e; }
-row:selected switch:backdrop { border-color: #185fb4; }
+row:selected switch:backdrop { border-color: #15539e; }
-row:selected switch slider:checked, row:selected switch slider { border-color: #185fb4; }
+row:selected switch > slider:checked, row:selected switch > slider { border-color: #15539e; }
/************************* Check and Radio items * */
-.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile
check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
#3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0;
-gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile
check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile
check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color:
#3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0;
-gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile
check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile
check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view
.tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: rgba(141, 141, 141, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view
.tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent;
background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
-.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view
.tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec;
background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view
.tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec;
background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none;
border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
-.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
.content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
.content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
-.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
.content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
.content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
#eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms;
box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
-.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
rgba(238, 238, 236, 0.8); background-color: rgba(141, 141, 141, 0.95); border-radius: 5px; background-image:
none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source:
-gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color:
rgba(238, 238, 236, 0.8); background-color: #8d8d8d; border-radius: 5px; background-image: none; transition:
200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
-gtk-icon-shadow: none; }
checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
@@ -1146,7 +1148,7 @@ check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { b
check:backdrop, radio:backdrop { transition: 200ms ease-out; }
-row:selected check, row:selected radio { border-color: #185fb4; }
+row:selected check, row:selected radio { border-color: #15539e; }
.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent;
background-image: image(rgba(53, 53, 53, 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); }
@@ -1187,33 +1189,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; border-color: #185fb4; }
/************ GtkScale * */
-scale trough, scale fill, progressbar trough { border: 1px solid #cdc7c2; border-radius: 3px;
background-color: #e1dedb; }
+progressbar trough, scale fill, scale trough { border: 1px solid #cdc7c2; border-radius: 3px;
background-color: #e1dedb; }
-scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #faf9f8; }
+progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #faf9f8; }
-scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #eae8e6;
border-color: #d5d0cc; transition: 200ms ease-out; }
+progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #eae8e6;
border-color: #d5d0cc; transition: 200ms ease-out; }
-scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
background-color: #faf9f8; }
+progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
background-color: #faf9f8; }
-row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled,
scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected
trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale
row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #185fb4; }
+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: #185fb4; }
-.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar
.osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+.osd 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(71, 71, 71, 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(71, 71, 71,
0.5); }
-scale highlight, progressbar progress { border: 1px solid #185fb4; border-radius: 3px; background-color:
#3584e4; }
+progressbar progress, scale highlight { border: 1px solid #185fb4; border-radius: 3px; background-color:
#3584e4; }
-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: #3584e4; }
+progressbar progress:backdrop, scale highlight:backdrop { border-color: #3584e4; }
-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:
#185fb4; }
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale
row:selected highlight { border-color: #185fb4; }
-.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; }
@@ -1265,7 +1267,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #1
.osd scale slider:backdrop:disabled { background-color: #353535; }
-scale marks, scale value { color: alpha(currentColor,0.55); }
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
@@ -1428,7 +1430,7 @@ scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-
scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
/***************** Progress bars * */
-progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); }
+progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); font-feature-settings: "tnum"; }
progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; }
@@ -1629,7 +1631,7 @@ filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
.sidebar { border-style: none; background-color: #fbfafa; }
-stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list,
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #cdc7c2; 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 #cdc7c2;
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 #cdc7c2; border-right-style: none; }
@@ -1864,6 +1866,8 @@ messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0,
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); }
+window.csd decoration { background: black; /* transparent makes gtk3 leak light on the corners #2537 */ }
+
button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255,
255, 255, 0.769231); }
button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0;
min-height: 0; }
@@ -1874,15 +1878,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: #3584e4; }
+.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:
#3584e4; }
-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: #9ac2f2; }
+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: #9ac2f2; }
-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: #fcfcfc; }
+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: #fcfcfc; }
-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: #71a8eb; }
+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: #71a8eb; }
.monospace { font-family: monospace; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]