[gtk+] Adwaita: try being smarter wrt extending buttons.
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: try being smarter wrt extending buttons.
- Date: Sun, 14 Feb 2016 01:36:41 +0000 (UTC)
commit 7f2d4400ba429a1f660bbece8bad3a8548f707f0
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Sun Feb 14 02:35:28 2016 +0100
Adwaita: try being smarter wrt extending buttons.
gtk/theme/Adwaita/_common.scss | 119 ++--
gtk/theme/Adwaita/gtk-contained-dark.css | 1375 +++++++++++-------------------
gtk/theme/Adwaita/gtk-contained.css | 1373 +++++++++++-------------------
3 files changed, 1097 insertions(+), 1770 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 0c1569b..d5cb327 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -393,66 +393,81 @@ $_dot_color: if($variant=='light', $selected_bg_color,
}
}
-%button,
button {
+ @at-root %button_basic, &{
+ $_button_transition: all 200ms $ease-out-quad;
- $_button_transition: all 200ms $ease-out-quad;
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border: 1px solid;
+ border-radius: 3px;
+ transition: $_button_transition;
+ @include button(normal);
+ &.flat {
+ @include button(undecorated);
+ // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state
is set
+ // to none, while it's added back in the hover state, so the button decoration will fade in on hover,
but
+ // it won't fade out when the pointer leave the button allocation area. To make the transition more
evident
+ // in this case the duration is increased.
+ transition: none;
- min-height: 24px;
- min-width: 16px;
- padding: 4px 8px;
- border: 1px solid;
- border-radius: 3px;
- transition: $_button_transition;
- @include button(normal);
- &.flat {
- @include button(undecorated);
- // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is
set
- // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
- // it won't fade out when the pointer leave the button allocation area. To make the transition more
evident
- // in this case the duration is increased.
- transition: none;
+ &:hover {
+ transition: $_button_transition;
+ transition-duration: 500ms;
+
+ &:active { transition: $_button_transition; }
+ }
+ }
&:hover {
- transition: $_button_transition;
- transition-duration: 500ms;
+ @include button(hover);
+ -gtk-icon-effect: highlight;
+ }
- &:active { transition: $_button_transition; }
+ &:active, &:checked {
+ @include button(active);
+ transition-duration: 50ms;
}
- }
- &:hover {
- @include button(hover);
- -gtk-icon-effect: highlight;
- }
+ &:backdrop, &.flat:backdrop {
+ @include button(backdrop);
+ -gtk-icon-effect: none;
- &:active, &:checked {
- @include button(active);
- transition-duration: 50ms;
- }
+ &:active, &:checked { @include button(backdrop-active); }
- &:backdrop, &.flat:backdrop {
- @include button(backdrop);
- -gtk-icon-effect: none;
+ &:disabled { @include button(backdrop-insensitive); }
- &:active, &:checked { @include button(backdrop-active); }
+ &:disabled:active,
+ &:disabled:checked { @include button(backdrop-insensitive-active); }
+ }
- &:disabled { @include button(backdrop-insensitive); }
+ &.flat:backdrop,
+ &.flat:disabled,
+ &.flat:backdrop:disabled { @include button(undecorated); }
- &:disabled:active,
- &:disabled:checked { @include button(backdrop-insensitive-active); }
- }
+ &:disabled {
+ @include button(insensitive);
- &.flat:backdrop,
- &.flat:disabled,
- &.flat:backdrop:disabled { @include button(undecorated); }
+ &:active,
+ &:checked { @include button(insensitive-active); }
+ }
- &:disabled {
- @include button(insensitive);
+ &.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+ }
- &:active,
- &:checked { @include button(insensitive-active); }
+ &.text-button.image-button {
+ // those buttons needs uneven horizontal padding, we want the icon side
+ // to have the image-button padding, while the text side the text-button
+ // one, so we're adding the missing padding to the label depending on
+ // its position inside the button
+ label:first-child { padding-left: 8px; }
+ label:last-child { padding-right: 8px; }
+ }
}
+
// big standalone buttons like in Documents pager
&.osd {
&.image-button {
@@ -592,20 +607,6 @@ button {
}
}
- &.text-button {
- padding-left: 16px;
- padding-right: 16px;
- }
-
- &.text-button.image-button {
- // those buttons needs uneven horizontal padding, we want the icon side
- // to have the image-button padding, while the text side the text-button
- // one, so we're adding the missing padding to the label depending on
- // its position inside the button
- label:first-child { padding-left: 8px; }
- label:last-child { padding-right: 8px; }
- }
-
.stack-switcher > & {
// to position the needs attention dot, padding is added to the button
// child, a label needs just lateral padding while an icon needs vertical
@@ -1833,7 +1834,7 @@ notebook {
}
> tabs > arrow {
- @extend %button;
+ @extend %button_basic;
@extend button.flat;
min-height: 16px;
@@ -3659,7 +3660,7 @@ decoration {
// Window Close button
headerbar button.titlebutton,
.titlebar button.titlebutton {
- @extend button;
+ @extend %button_basic;
@extend button.flat;
@include _button_text_shadow;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 5281c3b..c93f36a 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -346,10 +346,8 @@ entry, spinbutton:not(.vertical) {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5),
to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c),
to(transparent)); } }
-notebook > header > tabs > arrow,
-button,
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+notebook > header > tabs > arrow, headerbar button.titlebutton,
+.titlebar button.titlebutton, button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
@@ -363,11 +361,9 @@ headerbar button.titlebutton,
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.flat,
- button.flat,
- notebook > header > tabs > arrow,
- button.sidebar-button,
- headerbar button.titlebutton,
+ notebook > header > tabs > arrow.flat, headerbar notebook > header > tabs > arrow.titlebutton, headerbar
button.titlebutton,
+ .titlebar notebook > header > tabs > arrow.titlebutton,
+ .titlebar button.titlebutton, button.flat, notebook > header > tabs > arrow, button.sidebar-button,
headerbar button.titlebutton,
.titlebar button.titlebutton {
border-color: transparent;
background-color: transparent;
@@ -376,25 +372,19 @@ headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
- notebook > header > tabs > arrow.flat:hover,
- button.flat:hover,
- notebook > header > tabs > arrow:hover,
- button.sidebar-button:hover,
- headerbar button.titlebutton:hover,
+ notebook > header > tabs > arrow.flat:hover, headerbar notebook > header > tabs >
arrow.titlebutton:hover, headerbar button.titlebutton:hover,
+ .titlebar notebook > header > tabs > arrow.titlebutton:hover,
+ .titlebar button.titlebutton:hover, button.flat:hover, notebook > header > tabs > arrow:hover,
button.sidebar-button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
- notebook > header > tabs > arrow.flat:hover:active,
- button.flat:hover:active,
- notebook > header > tabs > arrow:hover:active,
- button.sidebar-button:hover:active,
- headerbar button.titlebutton:hover:active,
+ notebook > header > tabs > arrow.flat:hover:active, headerbar notebook > header > tabs >
arrow.titlebutton:hover:active, headerbar button.titlebutton:hover:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:hover:active,
+ .titlebar button.titlebutton:hover:active, button.flat:hover:active, notebook > header > tabs >
arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- notebook > header > tabs > arrow:hover,
- button:hover,
- headerbar button.titlebutton:hover,
- .titlebar button.titlebutton:hover {
+ notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover,
+ .titlebar button.titlebutton:hover, button:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -409,13 +399,9 @@ headerbar button.titlebutton,
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0);
-gtk-icon-effect: highlight; }
- notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
- button:active,
- headerbar button.titlebutton:active,
- .titlebar button.titlebutton:active,
- button:checked,
- headerbar button.titlebutton:checked,
- .titlebar button.titlebutton:checked {
+ notebook > header > tabs > arrow:active, headerbar button.titlebutton:active,
+ .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar
button.titlebutton:checked,
+ .titlebar button.titlebutton:checked, button:active, button:checked {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -424,14 +410,10 @@ headerbar button.titlebutton,
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0);
transition-duration: 50ms; }
- notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow.flat:backdrop,
- button:backdrop,
- headerbar button.titlebutton:backdrop,
- .titlebar button.titlebutton:backdrop,
- button.flat:backdrop,
- notebook > header > tabs > arrow:backdrop,
- button.sidebar-button:backdrop,
- headerbar button.titlebutton:backdrop,
+ notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:backdrop, headerbar notebook
header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, button:backdrop, button.flat:backdrop, notebook > header > tabs >
arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
color: #949796;
border-color: #1f2222;
@@ -440,29 +422,23 @@ headerbar button.titlebutton,
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
-gtk-icon-effect: none; }
- notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
notebook > header > tabs > arrow.flat:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked,
- button:backdrop:active,
- button:backdrop:checked,
- button.flat:backdrop:active,
- notebook > header > tabs > arrow:backdrop:active,
- button.sidebar-button:backdrop:active,
- headerbar button.titlebutton:backdrop:active,
- .titlebar button.titlebutton:backdrop:active,
- button.flat:backdrop:checked,
- notebook > header > tabs > arrow:backdrop:checked,
- button.sidebar-button:backdrop:checked,
- headerbar button.titlebutton:backdrop:checked,
+ notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
headerbar button.titlebutton:backdrop:checked,
+ .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:active, headerbar
button.titlebutton:backdrop:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:checked, headerbar
button.titlebutton:backdrop:checked,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:checked,
+ .titlebar button.titlebutton:backdrop:checked, button:backdrop:active, button:backdrop:checked,
button.flat:backdrop:active, notebook > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, notebook > header > tabs >
arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #303535);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs >
arrow.flat:backdrop:disabled,
- button:backdrop:disabled,
- button.flat:backdrop:disabled,
- notebook > header > tabs > arrow:backdrop:disabled,
- button.sidebar-button:backdrop:disabled,
- headerbar button.titlebutton:backdrop:disabled,
+ notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, button:backdrop:disabled, button.flat:backdrop:disabled,
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
@@ -470,38 +446,28 @@ headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, notebook >
header > tabs > arrow.flat:backdrop:disabled:checked,
- button:backdrop:disabled:active,
- button:backdrop:disabled:checked,
- button.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow:backdrop:disabled:active,
- button.sidebar-button:backdrop:disabled:active,
- headerbar button.titlebutton:backdrop:disabled:active,
- .titlebar button.titlebutton:backdrop:disabled:active,
- button.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow:backdrop:disabled:checked,
- button.sidebar-button:backdrop:disabled:checked,
- headerbar button.titlebutton:backdrop:disabled:checked,
+ notebook > header > tabs > arrow:backdrop:disabled:active, headerbar
button.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
+ .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs >
arrow.flat:backdrop:disabled:active, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs >
arrow.flat:backdrop:disabled:checked, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked,
+ .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop:disabled:active,
button:backdrop:disabled:checked, button.flat:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar
button.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, button.flat:backdrop:disabled:checked, notebook >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar
button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, notebook >
header > tabs > arrow.flat:backdrop:disabled,
- button.flat:backdrop,
- notebook > header > tabs > arrow:backdrop,
- button.sidebar-button:backdrop,
- headerbar button.titlebutton:backdrop,
- .titlebar button.titlebutton:backdrop,
- button.flat:disabled,
- notebook > header > tabs > arrow:disabled,
- button.sidebar-button:disabled,
- headerbar button.titlebutton:disabled,
- .titlebar button.titlebutton:disabled,
- button.flat:backdrop:disabled,
- notebook > header > tabs > arrow:backdrop:disabled,
- button.sidebar-button:backdrop:disabled,
- headerbar button.titlebutton:backdrop:disabled,
+ notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, headerbar notebook
header > tabs > arrow.titlebutton:disabled, headerbar button.titlebutton:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar
notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, notebook > header > tabs >
arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, button.flat:disabled, notebook > header > tabs > arrow:disabled,
button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, button.flat:backdrop:disabled, notebook > header > tabs >
arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@@ -509,33 +475,52 @@ headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- notebook > header > tabs > arrow:disabled,
- button:disabled,
- headerbar button.titlebutton:disabled,
- .titlebar button.titlebutton:disabled {
+ notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, button:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
- button:disabled:active,
- button:disabled:checked {
+ notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
+ .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked,
headerbar button.titlebutton:disabled:checked,
+ .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #313434, #333636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.osd,
- button.osd,
- headerbar button.osd.titlebutton,
- .titlebar button.osd.titlebutton {
- color: #eeeeec;
- border-radius: 5px;
- outline-color: rgba(238, 238, 236, 0.3);
- color: #eeeeec;
+ notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton,
+ .titlebar button.text-button.titlebutton, button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar
button.text-button.image-button.titlebutton label:first-child,
+ .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button
label:first-child {
+ padding-left: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar
button.text-button.image-button.titlebutton label:last-child,
+ .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button
label:last-child {
+ padding-right: 8px; }
+button.osd {
+ color: #eeeeec;
+ border-radius: 5px;
+ outline-color: rgba(238, 238, 236, 0.3);
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ 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);
+ border: none;
+ box-shadow: none; }
+ button.osd.image-button {
+ min-height: 48px;
+ min-width: 48px; }
+ button.osd:hover {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -543,12 +528,107 @@ headerbar button.titlebutton,
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
- notebook > header > tabs > arrow.osd.image-button,
- button.osd.image-button {
- min-height: 48px;
- min-width: 48px; }
- notebook > header > tabs > arrow.osd:hover,
- button.osd:hover {
+ button.osd:active, button.osd:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, 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);
+ border: none;
+ box-shadow: none; }
+ button.osd:disabled, button.osd:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+ button.osd:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+popover.background.touch-selection button, popover.background.magnifier button, .csd
popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button,
+.app-notification.frame button, .osd button {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ 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-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
+ 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, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd
button:backdrop:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, 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, popover.background.magnifier button:disabled,
.app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled,
popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd
button:disabled, .osd button:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 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-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header >
tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection
headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton,
+ popover.background.touch-selection .titlebar button.titlebutton,
+ .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat,
popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier
button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar
popover.background.magnifier button.titlebutton,
+ popover.background.magnifier .titlebar button.titlebutton,
+ .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection
notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow,
.app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification
button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
+ .app-notification .titlebar button.titlebutton,
+ .titlebar .app-notification button.titlebutton,
+ .app-notification.frame notebook > header > tabs > arrow, .osd button.flat, .osd notebook > header > tabs
arrow, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
+ .osd .titlebar button.titlebutton,
+ .titlebar .osd button.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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.touch-selection notebook >
header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover,
popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
+ popover.background.touch-selection .titlebar button.titlebutton:hover,
+ .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover,
popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar
button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
+ popover.background.magnifier .titlebar button.titlebutton:hover,
+ .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover,
.app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
+ .app-notification .titlebar button.titlebutton:hover,
+ .titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd notebook > header >
tabs > arrow:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd
button.titlebutton:hover,
+ .osd .titlebar button.titlebutton:hover,
+ .titlebar .osd button.titlebutton:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
@@ -556,84 +636,186 @@ headerbar button.titlebutton,
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);
- border: none;
- box-shadow: none; }
- notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked,
- button.osd:active,
- button.osd:checked {
- color: white;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook >
header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled,
popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar
popover.background.touch-selection button.titlebutton:disabled,
+ popover.background.touch-selection .titlebar button.titlebutton:disabled,
+ .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier
button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled,
popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar
button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled,
+ popover.background.magnifier .titlebar button.titlebutton:disabled,
+ .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification
button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification
button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar
.app-notification button.titlebutton:disabled,
+ .app-notification .titlebar button.titlebutton:disabled,
+ .titlebar .app-notification button.titlebutton:disabled, .osd button.flat:disabled, .osd notebook >
header > tabs > arrow:disabled, .osd button.sidebar-button:disabled, .osd headerbar
button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled,
+ .osd .titlebar button.titlebutton:disabled,
+ .titlebar .osd button.titlebutton:disabled {
+ color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3);
- border: none;
+ background-image: none;
+ border-color: transparent;
box-shadow: none; }
- notebook > header > tabs > arrow.osd:disabled, notebook > header > tabs > arrow.osd:backdrop:disabled,
- button.osd:disabled,
- button.osd:backdrop:disabled {
- color: #878a89;
+ popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook >
header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop,
popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar
popover.background.touch-selection button.titlebutton:backdrop,
+ popover.background.touch-selection .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar
button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop,
+ popover.background.magnifier .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification
button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar
.app-notification button.titlebutton:backdrop,
+ .app-notification .titlebar button.titlebutton:backdrop,
+ .titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd notebook >
header > tabs > arrow:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar
button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop,
+ .osd .titlebar button.titlebutton:backdrop,
+ .titlebar .osd button.titlebutton:backdrop {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook >
header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active,
popover.background.touch-selection headerbar button.titlebutton:active, headerbar
popover.background.touch-selection button.titlebutton:active,
+ popover.background.touch-selection .titlebar button.titlebutton:active,
+ .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active,
popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar
button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
+ popover.background.magnifier .titlebar button.titlebutton:active,
+ .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active,
.app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active,
.app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
+ .app-notification .titlebar button.titlebutton:active,
+ .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection
headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked,
+ popover.background.touch-selection .titlebar button.titlebutton:checked,
+ .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked,
popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar
button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
+ popover.background.magnifier .titlebar button.titlebutton:checked,
+ .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification
button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar
.app-notification button.titlebutton:checked,
+ .app-notification .titlebar button.titlebutton:checked,
+ .titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd notebook > header
tabs > arrow:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar
.osd button.titlebutton:active,
+ .osd .titlebar button.titlebutton:active,
+ .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd notebook > header > tabs >
arrow:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd
button.titlebutton:checked,
+ .osd .titlebar button.titlebutton:checked,
+ .titlebar .osd button.titlebutton:checked {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- border: none; }
- notebook > header > tabs > arrow.osd:backdrop,
- button.osd:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
- background-clip: padding-box;
- box-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: #0b1e33;
+ background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action.flat, notebook > header > tabs > arrow.suggested-action,
button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton,
+ .titlebar button.suggested-action.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: #215d9c; }
+ button.suggested-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #0b1e33;
+ /*
+ background-image: linear-gradient(to bottom,
+ lighten($c, 16%),
+ lighten($c, 6%) 40%,
+ lighten($c, 2%));
+ */
+ background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:active, button.suggested-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #194776, #1c5187);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+ box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:backdrop, button.suggested-action.flat:backdrop, notebook > header > tabs >
arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar
button.suggested-action.titlebutton:backdrop,
+ .titlebar button.suggested-action.titlebutton:backdrop {
+ color: #d3dfeb;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #215d9c);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, notebook > header > tabs >
arrow.suggested-action:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar
button.suggested-action.titlebutton:backdrop:active,
+ .titlebar button.suggested-action.titlebutton:backdrop:active,
button.suggested-action.flat:backdrop:checked, notebook > header > tabs >
arrow.suggested-action:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar
button.suggested-action.titlebutton:backdrop:checked,
+ .titlebar button.suggested-action.titlebutton:backdrop:checked {
+ color: #d1dae3;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #184472);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, notebook >
header > tabs > arrow.suggested-action:backdrop:disabled,
button.suggested-action.sidebar-button:backdrop:disabled, headerbar
button.suggested-action.titlebutton:backdrop:disabled,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled {
+ color: #5d6767;
+ border-color: #1f2222;
+ background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
- border: none; }
- popover.background.touch-selection button, popover.background.magnifier button, .csd
popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification
button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
- .app-notification .titlebar button.titlebutton,
- .titlebar .app-notification button.titlebutton,
- .app-notification.frame button, .osd notebook > header > tabs > arrow, .osd
- button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
- .osd .titlebar button.titlebutton,
- .titlebar .osd button.titlebutton {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.suggested-action:backdrop:disabled:active,
button.suggested-action.sidebar-button:backdrop:disabled:active, headerbar
button.suggested-action.titlebutton:backdrop:disabled:active,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked, notebook > header > tabs >
arrow.suggested-action:backdrop:disabled:checked,
button.suggested-action.sidebar-button:backdrop:disabled:checked, headerbar
button.suggested-action.titlebutton:backdrop:disabled:checked,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked {
+ color: #6c88a7;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #1d4877);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop,
button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop,
+ .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:disabled, notebook >
header > tabs > arrow.suggested-action:disabled, button.suggested-action.sidebar-button:disabled, headerbar
button.suggested-action.titlebutton:disabled,
+ .titlebar button.suggested-action.titlebutton:disabled, button.suggested-action.flat:backdrop:disabled,
notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
button.suggested-action.sidebar-button:backdrop:disabled, headerbar
button.suggested-action.titlebutton:backdrop:disabled,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: rgba(33, 93, 156, 0.8); }
+ button.suggested-action:disabled {
+ color: #949796;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #333636);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
+ color: #a5b6c9;
+ border-color: #0b1e33;
+ background-image: linear-gradient(to bottom, #1b4470, #1d4877);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ .osd button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
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 notebook > header > tabs > arrow:hover, .osd
- button:hover {
+ .osd button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
+ background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7));
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, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs >
arrow:checked, .osd notebook > header > tabs > arrow:backdrop:active, .osd notebook > header > tabs >
arrow:backdrop:checked, .osd
- button:active, .osd
- button:checked, .osd
- button:backdrop:active, .osd
- button:backdrop:checked {
+ .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd
button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-image: linear-gradient(to bottom, #215d9c);
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, popover.background.magnifier button:disabled,
.app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled,
popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd
notebook > header > tabs > arrow:disabled, .osd notebook > header > tabs > arrow:backdrop:disabled, .osd
- button:disabled, .osd
- button:backdrop:disabled {
+ .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@@ -641,598 +823,186 @@ headerbar button.titlebutton,
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 notebook > header > tabs > arrow:backdrop, .osd
- button:backdrop {
+ .osd button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header >
tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection
headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton,
- popover.background.touch-selection .titlebar button.titlebutton,
- .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier
button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier
button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar
popover.background.magnifier button.titlebutton,
- popover.background.magnifier .titlebar button.titlebutton,
- .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection
notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow,
.app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification
button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
- .app-notification .titlebar button.titlebutton,
- .titlebar .app-notification button.titlebutton,
- .app-notification.frame notebook > header > tabs > arrow, .osd notebook > header > tabs > arrow.flat,
.osd
- button.flat, .osd notebook > header > tabs > arrow, .osd
- button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
- .osd .titlebar button.titlebutton,
- .titlebar .osd button.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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.touch-selection notebook >
header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover,
popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
- popover.background.touch-selection .titlebar button.titlebutton:hover,
- .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover,
popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar
button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
- popover.background.magnifier .titlebar button.titlebutton:hover,
- .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover,
.app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
- .app-notification .titlebar button.titlebutton:hover,
- .titlebar .app-notification button.titlebutton:hover, .osd notebook > header > tabs >
arrow.flat:hover, .osd
- button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd
- button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd
button.titlebutton:hover,
- .osd .titlebar button.titlebutton:hover,
- .titlebar .osd button.titlebutton:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
- 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.touch-selection notebook >
header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled,
popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar
popover.background.touch-selection button.titlebutton:disabled,
- popover.background.touch-selection .titlebar button.titlebutton:disabled,
- .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier
button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled,
popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar
button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled,
- popover.background.magnifier .titlebar button.titlebutton:disabled,
- .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification
button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification
button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar
.app-notification button.titlebutton:disabled,
- .app-notification .titlebar button.titlebutton:disabled,
- .titlebar .app-notification button.titlebutton:disabled, .osd notebook > header > tabs >
arrow.flat:disabled, .osd
- button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd
- button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd
button.titlebutton:disabled,
- .osd .titlebar button.titlebutton:disabled,
- .titlebar .osd button.titlebutton:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 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.touch-selection notebook >
header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop,
popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar
popover.background.touch-selection button.titlebutton:backdrop,
- popover.background.touch-selection .titlebar button.titlebutton:backdrop,
- .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar
button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop,
- popover.background.magnifier .titlebar button.titlebutton:backdrop,
- .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification
button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar
.app-notification button.titlebutton:backdrop,
- .app-notification .titlebar button.titlebutton:backdrop,
- .titlebar .app-notification button.titlebutton:backdrop, .osd notebook > header > tabs >
arrow.flat:backdrop, .osd
- button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd
- button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd
button.titlebutton:backdrop,
- .osd .titlebar button.titlebutton:backdrop,
- .titlebar .osd button.titlebutton:backdrop {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook >
header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active,
popover.background.touch-selection headerbar button.titlebutton:active, headerbar
popover.background.touch-selection button.titlebutton:active,
- popover.background.touch-selection .titlebar button.titlebutton:active,
- .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active,
popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar
button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
- popover.background.magnifier .titlebar button.titlebutton:active,
- .titlebar popover.background.magnifier button.titlebutton:active, .app-notification
button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification
button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar
.app-notification button.titlebutton:active,
- .app-notification .titlebar button.titlebutton:active,
- .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection
headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked,
- popover.background.touch-selection .titlebar button.titlebutton:checked,
- .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked,
popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar
button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
- popover.background.magnifier .titlebar button.titlebutton:checked,
- .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification
button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar
.app-notification button.titlebutton:checked,
- .app-notification .titlebar button.titlebutton:checked,
- .titlebar .app-notification button.titlebutton:checked, .osd notebook > header > tabs >
arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd
- button.flat:active, .osd notebook > header > tabs > arrow:active, .osd
- button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd
button.titlebutton:active,
- .osd .titlebar button.titlebutton:active,
- .titlebar .osd button.titlebutton:active, .osd
- button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd
- button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd
button.titlebutton:checked,
- .osd .titlebar button.titlebutton:checked,
- .titlebar .osd button.titlebutton:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, 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); }
- notebook > header > tabs > arrow.suggested-action,
- button.suggested-action,
- headerbar button.suggested-action.titlebutton,
- .titlebar button.suggested-action.titlebutton {
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); }
+ button.destructive-action.flat, notebook > header > tabs > arrow.destructive-action,
button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton,
+ .titlebar button.destructive-action.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: #d51010; }
+ button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action.flat,
- button.suggested-action.flat,
- notebook > header > tabs > arrow.suggested-action,
- button.suggested-action.sidebar-button,
- headerbar button.suggested-action.titlebutton,
- .titlebar button.suggested-action.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #215d9c; }
- notebook > header > tabs > arrow.suggested-action:hover,
- button.suggested-action:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #0b1e33;
- /*
- background-image: linear-gradient(to bottom,
- lighten($c, 16%),
- lighten($c, 6%) 40%,
- lighten($c, 2%));
- */
- background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs >
arrow.suggested-action:checked,
- button.suggested-action:active,
- button.suggested-action:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #194776, #1c5187);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
- box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop, notebook > header > tabs >
arrow.suggested-action.flat:backdrop,
- button.suggested-action:backdrop,
- button.suggested-action.flat:backdrop,
- notebook > header > tabs > arrow.suggested-action:backdrop,
- button.suggested-action.sidebar-button:backdrop,
- headerbar button.suggested-action.titlebutton:backdrop,
- .titlebar button.suggested-action.titlebutton:backdrop {
- color: #d3dfeb;
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #215d9c);
- text-shadow: none;
- -gtk-icon-shadow: none;
+ border-color: #5e0707;
+ /*
+ background-image: linear-gradient(to bottom,
+ lighten($c, 16%),
+ lighten($c, 6%) 40%,
+ lighten($c, 2%));
+ */
+ background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); }
+ button.destructive-action:active, button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
+ box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); }
+ button.destructive-action:backdrop, button.destructive-action.flat:backdrop, notebook > header > tabs >
arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar
button.destructive-action.titlebutton:backdrop,
+ .titlebar button.destructive-action.titlebutton:backdrop {
+ color: #f7cfcf;
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #d51010);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, notebook > header > tabs >
arrow.destructive-action:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar
button.destructive-action.titlebutton:backdrop:active,
+ .titlebar button.destructive-action.titlebutton:backdrop:active,
button.destructive-action.flat:backdrop:checked, notebook > header > tabs >
arrow.destructive-action:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked,
headerbar button.destructive-action.titlebutton:backdrop:checked,
+ .titlebar button.destructive-action.titlebutton:backdrop:checked {
+ color: #edcece;
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #a60c0c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:active, notebook > header > tabs >
arrow.suggested-action:backdrop:checked, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:active, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:checked,
- button.suggested-action:backdrop:active,
- button.suggested-action:backdrop:checked,
- button.suggested-action.flat:backdrop:active,
- notebook > header > tabs > arrow.suggested-action:backdrop:active,
- button.suggested-action.sidebar-button:backdrop:active,
- headerbar button.suggested-action.titlebutton:backdrop:active,
- .titlebar button.suggested-action.titlebutton:backdrop:active,
- button.suggested-action.flat:backdrop:checked,
- notebook > header > tabs > arrow.suggested-action:backdrop:checked,
- button.suggested-action.sidebar-button:backdrop:checked,
- headerbar button.suggested-action.titlebutton:backdrop:checked,
- .titlebar button.suggested-action.titlebutton:backdrop:checked {
- color: #d1dae3;
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #184472);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled,
- button.suggested-action:backdrop:disabled,
- button.suggested-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
- button.suggested-action.sidebar-button:backdrop:disabled,
- headerbar button.suggested-action.titlebutton:backdrop:disabled,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled {
- color: #5d6767;
- border-color: #1f2222;
- background-image: linear-gradient(to bottom, #333636);
- text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, notebook > header > tabs
arrow.suggested-action:backdrop:disabled:checked, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled:checked,
- button.suggested-action:backdrop:disabled:active,
- button.suggested-action:backdrop:disabled:checked,
- button.suggested-action.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active,
- button.suggested-action.sidebar-button:backdrop:disabled:active,
- headerbar button.suggested-action.titlebutton:backdrop:disabled:active,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled:active,
- button.suggested-action.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked,
- button.suggested-action.sidebar-button:backdrop:disabled:checked,
- headerbar button.suggested-action.titlebutton:backdrop:disabled:checked,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked {
- color: #6c88a7;
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #1d4877);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs >
arrow.suggested-action.flat:disabled, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled,
- button.suggested-action.flat:backdrop,
- notebook > header > tabs > arrow.suggested-action:backdrop,
- button.suggested-action.sidebar-button:backdrop,
- headerbar button.suggested-action.titlebutton:backdrop,
- .titlebar button.suggested-action.titlebutton:backdrop,
- button.suggested-action.flat:disabled,
- notebook > header > tabs > arrow.suggested-action:disabled,
- button.suggested-action.sidebar-button:disabled,
- headerbar button.suggested-action.titlebutton:disabled,
- .titlebar button.suggested-action.titlebutton:disabled,
- button.suggested-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
- button.suggested-action.sidebar-button:backdrop:disabled,
- headerbar button.suggested-action.titlebutton:backdrop:disabled,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(33, 93, 156, 0.8); }
- notebook > header > tabs > arrow.suggested-action:disabled,
- button.suggested-action:disabled {
- color: #949796;
- border-color: #1c1f1f;
+ button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, notebook
header > tabs > arrow.destructive-action:backdrop:disabled,
button.destructive-action.sidebar-button:backdrop:disabled, headerbar
button.destructive-action.titlebutton:backdrop:disabled,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled {
+ color: #5d6767;
+ border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs >
arrow.suggested-action:disabled:checked,
- button.suggested-action:disabled:active,
- button.suggested-action:disabled:checked {
- color: #a5b6c9;
- border-color: #0b1e33;
- background-image: linear-gradient(to bottom, #1b4470, #1d4877);
+ button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active,
notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active,
button.destructive-action.sidebar-button:backdrop:disabled:active, headerbar
button.destructive-action.titlebutton:backdrop:disabled:active,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked, notebook > header > tabs >
arrow.destructive-action:backdrop:disabled:checked,
button.destructive-action.sidebar-button:backdrop:disabled:checked, headerbar
button.destructive-action.titlebutton:backdrop:disabled:checked,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked {
+ color: #c46565;
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .osd notebook > header > tabs > arrow.suggested-action, .osd
- button.suggested-action {
- color: #eeeeec;
+ button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop,
button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop,
+ .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:disabled,
notebook > header > tabs > arrow.destructive-action:disabled,
button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.titlebutton:disabled,
+ .titlebar button.destructive-action.titlebutton:disabled,
button.destructive-action.flat:backdrop:disabled, notebook > header > tabs >
arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled,
headerbar button.destructive-action.titlebutton:backdrop:disabled,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: rgba(213, 16, 16, 0.8); }
+ button.destructive-action:disabled {
+ color: #949796;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #333636);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
+ color: #dba0a0;
+ border-color: #5e0707;
+ background-image: linear-gradient(to bottom, #9d1111, #a41212);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
+ .osd button.destructive-action {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
+ 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); }
+ .osd button.destructive-action:hover {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
+ background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7));
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); }
- .osd notebook > header > tabs > arrow.suggested-action:hover, .osd
- button.suggested-action:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7));
- 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); }
- .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header > tabs >
arrow.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:backdrop:active, .osd
notebook > header > tabs > arrow.suggested-action:backdrop:checked, .osd
- button.suggested-action:active, .osd
- button.suggested-action:checked, .osd
- button.suggested-action:backdrop:active, .osd
- button.suggested-action:backdrop:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #215d9c);
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd notebook > header > tabs >
arrow.suggested-action:backdrop:disabled, .osd
- button.suggested-action:disabled, .osd
- button.suggested-action:backdrop:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- .osd notebook > header > tabs > arrow.suggested-action:backdrop, .osd
- button.suggested-action:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- notebook > header > tabs > arrow.destructive-action,
- button.destructive-action,
- headerbar button.destructive-action.titlebutton,
- .titlebar button.destructive-action.titlebutton {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #5e0707;
- background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action.flat,
- button.destructive-action.flat,
- notebook > header > tabs > arrow.destructive-action,
- button.destructive-action.sidebar-button,
- headerbar button.destructive-action.titlebutton,
- .titlebar button.destructive-action.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #d51010; }
- notebook > header > tabs > arrow.destructive-action:hover,
- button.destructive-action:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #5e0707;
- /*
- background-image: linear-gradient(to bottom,
- lighten($c, 16%),
- lighten($c, 6%) 40%,
- lighten($c, 2%));
- */
- background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs >
arrow.destructive-action:checked,
- button.destructive-action:active,
- button.destructive-action:checked {
+ .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd
button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #5e0707;
- background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
- box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop, notebook > header > tabs >
arrow.destructive-action.flat:backdrop,
- button.destructive-action:backdrop,
- button.destructive-action.flat:backdrop,
- notebook > header > tabs > arrow.destructive-action:backdrop,
- button.destructive-action.sidebar-button:backdrop,
- headerbar button.destructive-action.titlebutton:backdrop,
- .titlebar button.destructive-action.titlebutton:backdrop {
- color: #f7cfcf;
- border-color: #5e0707;
+ border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #d51010);
+ background-clip: padding-box;
+ box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:active, notebook > header > tabs >
arrow.destructive-action:backdrop:checked, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:active, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:checked,
- button.destructive-action:backdrop:active,
- button.destructive-action:backdrop:checked,
- button.destructive-action.flat:backdrop:active,
- notebook > header > tabs > arrow.destructive-action:backdrop:active,
- button.destructive-action.sidebar-button:backdrop:active,
- headerbar button.destructive-action.titlebutton:backdrop:active,
- .titlebar button.destructive-action.titlebutton:backdrop:active,
- button.destructive-action.flat:backdrop:checked,
- notebook > header > tabs > arrow.destructive-action:backdrop:checked,
- button.destructive-action.sidebar-button:backdrop:checked,
- headerbar button.destructive-action.titlebutton:backdrop:checked,
- .titlebar button.destructive-action.titlebutton:backdrop:checked {
- color: #edcece;
- border-color: #5e0707;
- background-image: linear-gradient(to bottom, #a60c0c);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled,
- button.destructive-action:backdrop:disabled,
- button.destructive-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled,
- button.destructive-action.sidebar-button:backdrop:disabled,
- headerbar button.destructive-action.titlebutton:backdrop:disabled,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled {
- color: #5d6767;
- border-color: #1f2222;
- background-image: linear-gradient(to bottom, #333636);
- text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, notebook > header >
tabs > arrow.destructive-action:backdrop:disabled:checked, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled:checked,
- button.destructive-action:backdrop:disabled:active,
- button.destructive-action:backdrop:disabled:checked,
- button.destructive-action.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active,
- button.destructive-action.sidebar-button:backdrop:disabled:active,
- headerbar button.destructive-action.titlebutton:backdrop:disabled:active,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled:active,
- button.destructive-action.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked,
- button.destructive-action.sidebar-button:backdrop:disabled:checked,
- headerbar button.destructive-action.titlebutton:backdrop:disabled:checked,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked {
- color: #c46565;
- border-color: #5e0707;
- background-image: linear-gradient(to bottom, #a41212);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs >
arrow.destructive-action.flat:disabled, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled,
- button.destructive-action.flat:backdrop,
- notebook > header > tabs > arrow.destructive-action:backdrop,
- button.destructive-action.sidebar-button:backdrop,
- headerbar button.destructive-action.titlebutton:backdrop,
- .titlebar button.destructive-action.titlebutton:backdrop,
- button.destructive-action.flat:disabled,
- notebook > header > tabs > arrow.destructive-action:disabled,
- button.destructive-action.sidebar-button:disabled,
- headerbar button.destructive-action.titlebutton:disabled,
- .titlebar button.destructive-action.titlebutton:disabled,
- button.destructive-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled,
- button.destructive-action.sidebar-button:backdrop:disabled,
- headerbar button.destructive-action.titlebutton:backdrop:disabled,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(213, 16, 16, 0.8); }
- notebook > header > tabs > arrow.destructive-action:disabled,
- button.destructive-action:disabled {
- color: #949796;
- border-color: #1c1f1f;
- background-image: linear-gradient(to bottom, #333636);
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs >
arrow.destructive-action:disabled:checked,
- button.destructive-action:disabled:active,
- button.destructive-action:disabled:checked {
- color: #dba0a0;
- border-color: #5e0707;
- background-image: linear-gradient(to bottom, #9d1111, #a41212);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .osd notebook > header > tabs > arrow.destructive-action, .osd
- button.destructive-action {
+ -gtk-icon-shadow: none; }
+ .osd button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
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); }
- .osd notebook > header > tabs > arrow.destructive-action:hover, .osd
- button.destructive-action:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7));
- 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); }
- .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header > tabs >
arrow.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:backdrop:active,
.osd notebook > header > tabs > arrow.destructive-action:backdrop:checked, .osd
- button.destructive-action:active, .osd
- button.destructive-action:checked, .osd
- button.destructive-action:backdrop:active, .osd
- button.destructive-action:backdrop:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #d51010);
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd notebook > header > tabs >
arrow.destructive-action:backdrop:disabled, .osd
- button.destructive-action:disabled, .osd
- button.destructive-action:backdrop:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- .osd notebook > header > tabs > arrow.destructive-action:backdrop, .osd
- button.destructive-action:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- notebook > header > tabs > arrow.text-button,
- button.text-button,
- headerbar button.text-button.titlebutton,
- .titlebar button.text-button.titlebutton {
- padding-left: 16px;
- padding-right: 16px; }
- notebook > header > tabs > arrow.text-button.image-button label:first-child,
- button.text-button.image-button label:first-child {
- padding-left: 8px; }
- notebook > header > tabs > arrow.text-button.image-button label:last-child,
- button.text-button.image-button label:last-child {
- padding-right: 8px; }
- notebook > header > tabs.stack-switcher > arrow, .stack-switcher >
- button, headerbar .stack-switcher > button.titlebutton,
- .titlebar .stack-switcher > button.titlebutton {
- outline-offset: -3px; }
- notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher >
- button > label,
- .titlebar .stack-switcher > button.titlebutton > label {
- padding-left: 6px;
- padding-right: 6px; }
- notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher >
- button > image,
- .titlebar .stack-switcher > button.titlebutton > image {
- padding-left: 6px;
- padding-right: 6px;
- padding-top: 3px;
- padding-bottom: 3px; }
- notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher >
- button.text-button, headerbar .stack-switcher > button.text-button.titlebutton,
- .titlebar .stack-switcher > button.text-button.titlebutton {
- padding-left: 10px;
- padding-right: 10px; }
- notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher >
- button.image-button, headerbar .stack-switcher > button.image-button.titlebutton,
- .titlebar .stack-switcher > button.image-button.titlebutton {
- padding-left: 2px;
- padding-right: 2px; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header >
tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher >
arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher >
arrow.needs-attention:checked > image, .stack-switcher >
- button.needs-attention:active > label, .stack-switcher >
- button.needs-attention:active > image, .stack-switcher >
- button.needs-attention:checked > label, .stack-switcher >
- button.needs-attention:checked > image {
- animation: none;
- background-image: none; }
- .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs >
arrow:backdrop, .inline-toolbar
- button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
- .inline-toolbar .titlebar button.titlebutton,
- .titlebar .inline-toolbar button.titlebutton, .inline-toolbar
- button:backdrop {
- border-radius: 2px;
- border-width: 1px; }
- .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar
- button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
- .primary-toolbar .titlebar button.titlebutton,
- .titlebar .primary-toolbar button.titlebutton {
- -gtk-icon-shadow: none; }
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+.stack-switcher > button {
+ outline-offset: -3px; }
+ .stack-switcher > button > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ .stack-switcher > button > image {
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .stack-switcher > button.text-button {
+ padding-left: 10px;
+ padding-right: 10px; }
+ .stack-switcher > button.image-button {
+ padding-left: 2px;
+ padding-right: 2px; }
+ .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active >
image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher >
button.needs-attention:checked > image {
+ animation: none;
+ background-image: none; }
+.inline-toolbar button, .inline-toolbar button:backdrop {
+ border-radius: 2px;
+ border-width: 1px; }
+.primary-toolbar button {
+ -gtk-icon-shadow: none; }
-notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header >
tabs.stack-switcher > arrow.needs-attention > image, .stack-switcher >
-button.needs-attention > label, .stack-switcher >
-button.needs-attention > image, stacksidebar row.needs-attention > label {
+.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(#3583d5),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)),
to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header >
tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher >
- button.needs-attention > label:backdrop, .stack-switcher >
- button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
+ .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; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header >
tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher >
- button.needs-attention > label:dir(rtl), .stack-switcher >
- button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
+ .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; }
-.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
-.inline-toolbar .titlebar toolbutton > button.titlebutton,
-.titlebar .inline-toolbar toolbutton > button.titlebutton {
+.inline-toolbar toolbutton > button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -1240,8 +1010,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
+ .inline-toolbar toolbutton > button:hover {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -1255,9 +1024,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton >
button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
+ .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -1265,47 +1032,38 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton >
button.titlebutton:disabled,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
+ .inline-toolbar toolbutton > button:disabled {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:disabled:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton >
button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
+ .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #949796;
border-color: #1c1f1f;
background-image: linear-gradient(to bottom, #313434, #333636);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
+ .inline-toolbar toolbutton > button:backdrop {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton >
button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
+ .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #949796;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #303535);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
+ .inline-toolbar toolbutton > button:backdrop:disabled {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
- .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar
toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
+ .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked {
color: #5d6767;
border-color: #1f2222;
background-image: linear-gradient(to bottom, #272929);
@@ -1314,6 +1072,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat,
searchbar.inline-toolbar toolbutton > button.flat,
.inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton >
button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar
toolbutton > button.sidebar-button,
.inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton >
button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
+.inline-toolbar .titlebar toolbutton > button.titlebutton,
+.titlebar .inline-toolbar toolbutton > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.inline-toolbar toolbutton:backdrop > button.flat,
searchbar.inline-toolbar toolbutton:backdrop > button.flat,
@@ -1325,24 +1085,11 @@ searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton,
-.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry,
.linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar notebook > header > tabs > arrow,
.inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar
-button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
-.inline-toolbar .titlebar button.titlebutton,
-.titlebar .inline-toolbar button.titlebutton, .inline-toolbar
-button:backdrop, notebook > header > tabs.linked > arrow, notebook > header > tabs.linked > arrow:hover,
notebook > header > tabs.linked > arrow:active, notebook > header > tabs.linked > arrow:checked, notebook >
header > tabs.linked > arrow:backdrop, .linked >
-button, headerbar .linked > button.titlebutton,
-.titlebar .linked > button.titlebutton, .linked >
-button:hover, .linked >
-button:active, .linked >
-button:checked, .linked >
-button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) {
+.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry,
.linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar button, .inline-toolbar button:backdrop,
.linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked >
button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
-.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar notebook > header > tabs >
arrow:first-child:backdrop, .inline-toolbar
-button:first-child, notebook > header > tabs.linked > arrow:first-child, notebook > header > tabs.linked >
arrow:first-child:hover, notebook > header > tabs.linked > arrow:first-child:active, notebook > header >
tabs.linked > arrow:first-child:checked, notebook > header > tabs.linked > arrow:first-child:backdrop,
.linked >
-button:first-child, headerbar .linked > button.titlebutton:first-child,
-.titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child >
button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar
toolbutton:first-child > button.flat,
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat,
searchbar.inline-toolbar toolbutton:first-child > button.flat,
.inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar
toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child >
button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
@@ -1361,10 +1108,7 @@ headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked
button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
-.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar notebook > header > tabs >
arrow:last-child:backdrop, .inline-toolbar
-button:last-child, notebook > header > tabs.linked > arrow:last-child, notebook > header > tabs.linked >
arrow:last-child:hover, notebook > header > tabs.linked > arrow:last-child:active, notebook > header >
tabs.linked > arrow:last-child:checked, notebook > header > tabs.linked > arrow:last-child:backdrop, .linked >
-button:last-child, headerbar .linked > button.titlebutton:last-child,
-.titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child >
button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar
toolbutton:last-child > button.flat,
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child
button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar
toolbutton:last-child > button.flat,
.inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar
toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
@@ -1384,10 +1128,7 @@ headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
-.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar notebook > header > tabs >
arrow:only-child:backdrop, .inline-toolbar
-button:only-child, notebook > header > tabs.linked > arrow:only-child, notebook > header > tabs.linked >
arrow:only-child:hover, notebook > header > tabs.linked > arrow:only-child:active, notebook > header >
tabs.linked > arrow:only-child:checked, notebook > header > tabs.linked > arrow:only-child:backdrop, .linked >
-button:only-child, headerbar .linked > button.titlebutton:only-child,
-.titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child >
button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar
toolbutton:only-child > button.flat,
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child
button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar
toolbutton:only-child > button.flat,
.inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar
toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
@@ -1407,41 +1148,26 @@ headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
border-radius: 3px;
border-style: solid; }
-.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), notebook > header >
tabs.linked.vertical > arrow, notebook > header > tabs.linked.vertical > arrow:hover, notebook > header >
tabs.linked.vertical > arrow:active, notebook > header > tabs.linked.vertical > arrow:checked, notebook >
header > tabs.linked.vertical > arrow:backdrop, .linked.vertical >
-button, headerbar .linked.vertical > button.titlebutton,
-.titlebar .linked.vertical > button.titlebutton, .linked.vertical >
-button:hover, .linked.vertical >
-button:active, .linked.vertical >
-button:checked, .linked.vertical >
-button:backdrop, .linked.vertical > combobox > button.combo {
+.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > button,
.linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked,
.linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
-.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:first-child, notebook > header > tabs.linked.vertical >
arrow:first-child:hover, notebook > header > tabs.linked.vertical > arrow:first-child:active, notebook >
header > tabs.linked.vertical > arrow:first-child:checked, notebook > header > tabs.linked.vertical >
arrow:first-child:backdrop, .linked.vertical >
-button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
-.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child >
button.combo {
+.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical),
.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
-.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:last-child, notebook > header > tabs.linked.vertical >
arrow:last-child:hover, notebook > header > tabs.linked.vertical > arrow:last-child:active, notebook > header
tabs.linked.vertical > arrow:last-child:checked, notebook > header > tabs.linked.vertical >
arrow:last-child:backdrop, .linked.vertical >
-button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
-.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child >
button.combo {
+.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical),
.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
-.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:only-child, notebook > header > tabs.linked.vertical >
arrow:only-child:hover, notebook > header > tabs.linked.vertical > arrow:only-child:active, notebook > header
tabs.linked.vertical > arrow:only-child:checked, notebook > header > tabs.linked.vertical >
arrow:only-child:backdrop, .linked.vertical >
-button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
-.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child >
button.combo {
+.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical),
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo {
border-radius: 3px;
border-style: solid; }
modelbutton.flat,
.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop,
-.menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked,
+.menuitem.button.flat:backdrop:hover, button:link,
+button:visited, button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked, button:link:backdrop,
@@ -1485,8 +1211,7 @@ modelbutton.flat arrow {
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-button.color, headerbar button.color.titlebutton,
-.titlebar button.color.titlebutton {
+button.color {
padding: 4px; }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
border-radius: 0; }
@@ -1494,23 +1219,14 @@ button.color, headerbar button.color.titlebutton,
/*********
* Links *
*********/
-*:link, button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited {
+*:link, button:link,
+button:visited {
color: #4a90d9; }
*:link:visited,
- button:visited,
- headerbar button.titlebutton:visited,
- .titlebar button.titlebutton:visited {
+ button:visited {
color: #2a76c6; }
*:selected *:link:visited, *:selected button:visited:link,
- *:selected button:visited,
- *:selected headerbar button.titlebutton:visited,
- headerbar *:selected button.titlebutton:visited,
- *:selected .titlebar button.titlebutton:visited,
- .titlebar *:selected button.titlebutton:visited {
+ *:selected button:visited {
color: #a6bed7; }
*:link:hover, button:hover:link,
button:hover:visited {
@@ -1536,22 +1252,16 @@ headerbar button.titlebutton:visited,
*:selected button:visited {
color: #d3dfeb; }
-button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited {
+button:link,
+button:visited {
text-shadow: none; }
button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked {
text-shadow: none; }
- button:link > label, headerbar button.titlebutton:link > label,
- .titlebar button.titlebutton:link > label,
- button:visited > label,
- headerbar button.titlebutton:visited > label,
- .titlebar button.titlebutton:visited > label {
+ button:link > label,
+ button:visited > label {
text-decoration-line: underline; }
/*****************
@@ -1564,9 +1274,7 @@ spinbutton:not(.vertical) {
background: none;
border: none;
box-shadow: none; }
- spinbutton:not(.vertical) button,
- spinbutton:not(.vertical) .titlebar button.titlebutton,
- .titlebar spinbutton:not(.vertical) button.titlebutton {
+ spinbutton:not(.vertical) button {
margin: 0;
background-image: none;
border-style: none none none solid;
@@ -1659,9 +1367,7 @@ spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) {
min-width: 32px;
padding: 0;
border-radius: 0; }
-spinbutton.vertical button,
-spinbutton.vertical .titlebar button.titlebutton,
-.titlebar spinbutton.vertical button.titlebutton {
+spinbutton.vertical button {
min-height: 32px;
min-width: 32px;
padding: 0; }
@@ -1876,9 +1582,7 @@ headerbar {
background-image: linear-gradient(to bottom, #215d9c);
box-shadow: inset 0 1px rgba(44, 100, 160, 0.442); }
.selection-mode.titlebar:not(headerbar) button,
- headerbar.selection-mode button,
- headerbar.selection-mode .titlebar button.titlebutton,
- .titlebar headerbar.selection-mode button.titlebutton {
+ headerbar.selection-mode button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33;
@@ -2118,24 +1822,18 @@ headerbar {
padding: 0 4px;
min-height: 36px; }
.default-decoration.titlebar:not(headerbar) button,
- headerbar.default-decoration button,
- headerbar.default-decoration .titlebar button.titlebutton,
- .titlebar headerbar.default-decoration button.titlebutton {
+ headerbar.default-decoration button {
min-height: 26px;
padding: 0 5px; }
.titlebar:not(headerbar) entry, .titlebar:not(headerbar) spinbutton:not(.vertical),
.titlebar:not(headerbar) spinbutton,
.titlebar:not(headerbar) separator,
.titlebar:not(headerbar) button,
- .titlebar:not(headerbar) button.titlebutton,
headerbar entry,
headerbar spinbutton:not(.vertical),
headerbar spinbutton,
headerbar separator,
- headerbar button,
- headerbar button.titlebutton,
- headerbar .titlebar button.titlebutton,
- .titlebar headerbar button.titlebutton {
+ headerbar button {
margin-top: 6px;
margin-bottom: 6px; }
@@ -2243,9 +1941,7 @@ treeview.view {
border-radius: 4px; }
treeview.view.trough:selected {
background-color: #184472; }
- treeview.view header button,
- treeview.view header .titlebar button.titlebutton,
- .titlebar treeview.view header button.titlebutton {
+ treeview.view header button {
color: #8c8c8b;
background-color: #292929;
font-weight: bold;
@@ -2266,9 +1962,7 @@ treeview.view {
color: #215d9c;
box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0
#292929; }
-treeview.view header button,
-treeview.view header .titlebar button.titlebutton,
-.titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header
button:active {
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
padding: 3px 6px;
border-style: none solid solid none;
border-radius: 0;
@@ -2584,9 +2278,7 @@ notebook > stack:not(:only-child) {
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
-scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
-scrollbar .titlebar button.titlebutton,
-.titlebar scrollbar button.titlebutton {
+scrollbar button {
border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
@@ -3917,9 +3609,7 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
row.activatable:selected:backdrop {
background-color: #215d9c; }
-row:selected button,
-row:selected .titlebar button.titlebutton,
-.titlebar row:selected button.titlebutton {
+row:selected button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #1c1f1f;
@@ -4303,14 +3993,11 @@ placessidebar row {
padding-right: 2px; }
placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; }
- button.sidebar-button, headerbar button.sidebar-button.titlebutton,
- .titlebar button.sidebar-button.titlebutton {
+ button.sidebar-button {
padding: 5px;
border-radius: 100%;
-gtk-outline-radius: 100%; }
- button.sidebar-button:not(:hover):not(:active) > image, headerbar
button.sidebar-button.titlebutton:not(:hover):not(:active) > image,
- .titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image,
button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image,
- .titlebar button.sidebar-button.titlebutton:backdrop > image {
+ button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
opacity: 0.7; }
placessidebar row:selected:active {
box-shadow: none; }
@@ -4388,24 +4075,10 @@ infobar {
color: #ffffff;
text-shadow: 0 1px #184472;
border-color: #184472; }
- .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
- .info .titlebar button.titlebutton,
- .titlebar .info button.titlebutton,
+ .info button,
.question button,
- .question headerbar button.titlebutton,
- headerbar .question button.titlebutton,
- .question .titlebar button.titlebutton,
- .titlebar .question button.titlebutton,
.warning button,
- .warning headerbar button.titlebutton,
- headerbar .warning button.titlebutton,
- .warning .titlebar button.titlebutton,
- .titlebar .warning button.titlebutton,
- .error button,
- .error headerbar button.titlebutton,
- headerbar .error button.titlebutton,
- .error .titlebar button.titlebutton,
- .titlebar .error button.titlebutton {
+ .error button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b1e33;
@@ -4618,9 +4291,7 @@ colorswatch#editor-color-sample {
padding: 6px;
border-style: none;
border-radius: 5px; }
-.scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton,
-.scale-popup .titlebar button.titlebutton,
-.titlebar .scale-popup button.titlebutton {
+.scale-popup button {
padding: 6px; }
.scale-popup button:hover {
background-color: rgba(238, 238, 236, 0.1);
@@ -4663,8 +4334,6 @@ decoration {
box-shadow: none; }
headerbar button.titlebutton,
-headerbar .titlebar button.titlebutton,
-.titlebar headerbar button.titlebutton,
.titlebar button.titlebutton {
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
@@ -4768,12 +4437,10 @@ cursor-handle {
.context-menu {
font: initial; }
-button.circular, headerbar button.circular.titlebutton,
-.titlebar button.circular.titlebutton {
+button.circular {
border-radius: 20px;
-gtk-outline-radius: 20px; }
- button.circular label,
- .titlebar button.circular.titlebutton label {
+ button.circular label {
padding: 0; }
.keycap {
@@ -4797,14 +4464,10 @@ button.circular, headerbar button.circular.titlebutton,
*:drop(active) {
border: 1px solid black; }
-stackswitcher button.text-button,
-stackswitcher .titlebar button.text-button.titlebutton,
-.titlebar stackswitcher button.text-button.titlebutton {
+stackswitcher button.text-button {
min-width: 100px; }
stackswitcher button.circular,
-stackswitcher .titlebar button.circular.titlebutton,
-.titlebar stackswitcher button.circular.titlebutton,
stackswitcher button.text-button.circular {
min-width: 32px;
min-height: 32px;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index f9d22f2..2c633ca 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -346,10 +346,8 @@ entry, spinbutton:not(.vertical) {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9),
to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9),
to(transparent)); } }
-notebook > header > tabs > arrow,
-button,
-headerbar button.titlebutton,
-.titlebar button.titlebutton {
+notebook > header > tabs > arrow, headerbar button.titlebutton,
+.titlebar button.titlebutton, button {
min-height: 24px;
min-width: 16px;
padding: 4px 8px;
@@ -363,11 +361,9 @@ headerbar button.titlebutton,
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.flat,
- button.flat,
- notebook > header > tabs > arrow,
- button.sidebar-button,
- headerbar button.titlebutton,
+ notebook > header > tabs > arrow.flat, headerbar notebook > header > tabs > arrow.titlebutton, headerbar
button.titlebutton,
+ .titlebar notebook > header > tabs > arrow.titlebutton,
+ .titlebar button.titlebutton, button.flat, notebook > header > tabs > arrow, button.sidebar-button,
headerbar button.titlebutton,
.titlebar button.titlebutton {
border-color: transparent;
background-color: transparent;
@@ -376,25 +372,19 @@ headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
- notebook > header > tabs > arrow.flat:hover,
- button.flat:hover,
- notebook > header > tabs > arrow:hover,
- button.sidebar-button:hover,
- headerbar button.titlebutton:hover,
+ notebook > header > tabs > arrow.flat:hover, headerbar notebook > header > tabs >
arrow.titlebutton:hover, headerbar button.titlebutton:hover,
+ .titlebar notebook > header > tabs > arrow.titlebutton:hover,
+ .titlebar button.titlebutton:hover, button.flat:hover, notebook > header > tabs > arrow:hover,
button.sidebar-button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
- notebook > header > tabs > arrow.flat:hover:active,
- button.flat:hover:active,
- notebook > header > tabs > arrow:hover:active,
- button.sidebar-button:hover:active,
- headerbar button.titlebutton:hover:active,
+ notebook > header > tabs > arrow.flat:hover:active, headerbar notebook > header > tabs >
arrow.titlebutton:hover:active, headerbar button.titlebutton:hover:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:hover:active,
+ .titlebar button.titlebutton:hover:active, button.flat:hover:active, notebook > header > tabs >
arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active,
.titlebar button.titlebutton:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- notebook > header > tabs > arrow:hover,
- button:hover,
- headerbar button.titlebutton:hover,
- .titlebar button.titlebutton:hover {
+ notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover,
+ .titlebar button.titlebutton:hover, button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -409,13 +399,9 @@ headerbar button.titlebutton,
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: highlight; }
- notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
- button:active,
- headerbar button.titlebutton:active,
- .titlebar button.titlebutton:active,
- button:checked,
- headerbar button.titlebutton:checked,
- .titlebar button.titlebutton:checked {
+ notebook > header > tabs > arrow:active, headerbar button.titlebutton:active,
+ .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar
button.titlebutton:checked,
+ .titlebar button.titlebutton:checked, button:active, button:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -424,14 +410,10 @@ headerbar button.titlebutton,
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0);
transition-duration: 50ms; }
- notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow.flat:backdrop,
- button:backdrop,
- headerbar button.titlebutton:backdrop,
- .titlebar button.titlebutton:backdrop,
- button.flat:backdrop,
- notebook > header > tabs > arrow:backdrop,
- button.sidebar-button:backdrop,
- headerbar button.titlebutton:backdrop,
+ notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:backdrop, headerbar notebook
header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, button:backdrop, button.flat:backdrop, notebook > header > tabs >
arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
@@ -440,29 +422,23 @@ headerbar button.titlebutton,
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none; }
- notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
notebook > header > tabs > arrow.flat:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked,
- button:backdrop:active,
- button:backdrop:checked,
- button.flat:backdrop:active,
- notebook > header > tabs > arrow:backdrop:active,
- button.sidebar-button:backdrop:active,
- headerbar button.titlebutton:backdrop:active,
- .titlebar button.titlebutton:backdrop:active,
- button.flat:backdrop:checked,
- notebook > header > tabs > arrow:backdrop:checked,
- button.sidebar-button:backdrop:checked,
- headerbar button.titlebutton:backdrop:checked,
+ notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
headerbar button.titlebutton:backdrop:checked,
+ .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:active, headerbar
button.titlebutton:backdrop:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:checked, headerbar
button.titlebutton:backdrop:checked,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:checked,
+ .titlebar button.titlebutton:backdrop:checked, button:backdrop:active, button:backdrop:checked,
button.flat:backdrop:active, notebook > header > tabs > arrow:backdrop:active,
button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active,
+ .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, notebook > header > tabs >
arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked,
.titlebar button.titlebutton:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs >
arrow.flat:backdrop:disabled,
- button:backdrop:disabled,
- button.flat:backdrop:disabled,
- notebook > header > tabs > arrow:backdrop:disabled,
- button.sidebar-button:backdrop:disabled,
- headerbar button.titlebutton:backdrop:disabled,
+ notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled,
headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, button:backdrop:disabled, button.flat:backdrop:disabled,
notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
@@ -470,38 +446,28 @@ headerbar button.titlebutton,
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, notebook >
header > tabs > arrow.flat:backdrop:disabled:checked,
- button:backdrop:disabled:active,
- button:backdrop:disabled:checked,
- button.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow:backdrop:disabled:active,
- button.sidebar-button:backdrop:disabled:active,
- headerbar button.titlebutton:backdrop:disabled:active,
- .titlebar button.titlebutton:backdrop:disabled:active,
- button.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow:backdrop:disabled:checked,
- button.sidebar-button:backdrop:disabled:checked,
- headerbar button.titlebutton:backdrop:disabled:checked,
+ notebook > header > tabs > arrow:backdrop:disabled:active, headerbar
button.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
+ .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs >
arrow.flat:backdrop:disabled:active, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs >
arrow.flat:backdrop:disabled:checked, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked,
+ .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop:disabled:active,
button:backdrop:disabled:checked, button.flat:backdrop:disabled:active, notebook > header > tabs >
arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar
button.titlebutton:backdrop:disabled:active,
+ .titlebar button.titlebutton:backdrop:disabled:active, button.flat:backdrop:disabled:checked, notebook >
header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar
button.titlebutton:backdrop:disabled:checked,
.titlebar button.titlebutton:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, notebook >
header > tabs > arrow.flat:backdrop:disabled,
- button.flat:backdrop,
- notebook > header > tabs > arrow:backdrop,
- button.sidebar-button:backdrop,
- headerbar button.titlebutton:backdrop,
- .titlebar button.titlebutton:backdrop,
- button.flat:disabled,
- notebook > header > tabs > arrow:disabled,
- button.sidebar-button:disabled,
- headerbar button.titlebutton:disabled,
- .titlebar button.titlebutton:disabled,
- button.flat:backdrop:disabled,
- notebook > header > tabs > arrow:backdrop:disabled,
- button.sidebar-button:backdrop:disabled,
- headerbar button.titlebutton:backdrop:disabled,
+ notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs >
arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, headerbar notebook
header > tabs > arrow.titlebutton:disabled, headerbar button.titlebutton:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar
notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
+ .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled,
+ .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, notebook > header > tabs >
arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop,
+ .titlebar button.titlebutton:backdrop, button.flat:disabled, notebook > header > tabs > arrow:disabled,
button.sidebar-button:disabled, headerbar button.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, button.flat:backdrop:disabled, notebook > header > tabs >
arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar
button.titlebutton:backdrop:disabled,
.titlebar button.titlebutton:backdrop:disabled {
border-color: transparent;
background-color: transparent;
@@ -509,33 +475,52 @@ headerbar button.titlebutton,
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- notebook > header > tabs > arrow:disabled,
- button:disabled,
- headerbar button.titlebutton:disabled,
- .titlebar button.titlebutton:disabled {
+ notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled,
+ .titlebar button.titlebutton:disabled, button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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 {
+ notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active,
+ .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked,
headerbar button.titlebutton:disabled:checked,
+ .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.osd,
- button.osd,
- headerbar button.osd.titlebutton,
- .titlebar button.osd.titlebutton {
- color: #eeeeec;
- border-radius: 5px;
- outline-color: rgba(238, 238, 236, 0.3);
- color: #eeeeec;
+ notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton,
+ .titlebar button.text-button.titlebutton, button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar
button.text-button.image-button.titlebutton label:first-child,
+ .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button
label:first-child {
+ padding-left: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar
button.text-button.image-button.titlebutton label:last-child,
+ .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button
label:last-child {
+ padding-right: 8px; }
+button.osd {
+ color: #eeeeec;
+ border-radius: 5px;
+ outline-color: rgba(238, 238, 236, 0.3);
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ 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);
+ border: none;
+ box-shadow: none; }
+ button.osd.image-button {
+ min-height: 48px;
+ min-width: 48px; }
+ button.osd:hover {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@@ -543,12 +528,107 @@ headerbar button.titlebutton,
outline-color: rgba(238, 238, 236, 0.3);
border: none;
box-shadow: none; }
- notebook > header > tabs > arrow.osd.image-button,
- button.osd.image-button {
- min-height: 48px;
- min-width: 48px; }
- notebook > header > tabs > arrow.osd:hover,
- button.osd:hover {
+ button.osd:active, button.osd:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, 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);
+ border: none;
+ box-shadow: none; }
+ button.osd:disabled, button.osd:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+ button.osd:backdrop {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+popover.background.touch-selection button, popover.background.magnifier button, .csd
popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button,
+.app-notification.frame button, .osd button {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ 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-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
+ 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, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd
button:backdrop:checked {
+ color: white;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, 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, popover.background.magnifier button:disabled,
.app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled,
popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd
button:disabled, .osd button:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 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-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header >
tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection
headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton,
+ popover.background.touch-selection .titlebar button.titlebutton,
+ .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat,
popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier
button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar
popover.background.magnifier button.titlebutton,
+ popover.background.magnifier .titlebar button.titlebutton,
+ .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection
notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow,
.app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification
button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
+ .app-notification .titlebar button.titlebutton,
+ .titlebar .app-notification button.titlebutton,
+ .app-notification.frame notebook > header > tabs > arrow, .osd button.flat, .osd notebook > header > tabs
arrow, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
+ .osd .titlebar button.titlebutton,
+ .titlebar .osd button.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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.touch-selection notebook >
header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover,
popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
+ popover.background.touch-selection .titlebar button.titlebutton:hover,
+ .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover,
popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar
button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
+ popover.background.magnifier .titlebar button.titlebutton:hover,
+ .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover,
.app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
+ .app-notification .titlebar button.titlebutton:hover,
+ .titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd notebook > header >
tabs > arrow:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd
button.titlebutton:hover,
+ .osd .titlebar button.titlebutton:hover,
+ .titlebar .osd button.titlebutton:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
@@ -556,84 +636,186 @@ headerbar button.titlebutton,
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);
- border: none;
- box-shadow: none; }
- notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked,
- button.osd:active,
- button.osd:checked {
- color: white;
+ outline-color: rgba(238, 238, 236, 0.3); }
+ popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook >
header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled,
popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar
popover.background.touch-selection button.titlebutton:disabled,
+ popover.background.touch-selection .titlebar button.titlebutton:disabled,
+ .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier
button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled,
popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar
button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled,
+ popover.background.magnifier .titlebar button.titlebutton:disabled,
+ .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification
button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification
button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar
.app-notification button.titlebutton:disabled,
+ .app-notification .titlebar button.titlebutton:disabled,
+ .titlebar .app-notification button.titlebutton:disabled, .osd button.flat:disabled, .osd notebook >
header > tabs > arrow:disabled, .osd button.sidebar-button:disabled, .osd headerbar
button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled,
+ .osd .titlebar button.titlebutton:disabled,
+ .titlebar .osd button.titlebutton:disabled {
+ color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3);
- border: none;
+ background-image: none;
+ border-color: transparent;
box-shadow: none; }
- notebook > header > tabs > arrow.osd:disabled, notebook > header > tabs > arrow.osd:backdrop:disabled,
- button.osd:disabled,
- button.osd:backdrop:disabled {
- color: #878a89;
+ popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook >
header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop,
popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar
popover.background.touch-selection button.titlebutton:backdrop,
+ popover.background.touch-selection .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar
button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop,
+ popover.background.magnifier .titlebar button.titlebutton:backdrop,
+ .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification
button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar
.app-notification button.titlebutton:backdrop,
+ .app-notification .titlebar button.titlebutton:backdrop,
+ .titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd notebook >
header > tabs > arrow:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar
button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop,
+ .osd .titlebar button.titlebutton:backdrop,
+ .titlebar .osd button.titlebutton:backdrop {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook >
header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active,
popover.background.touch-selection headerbar button.titlebutton:active, headerbar
popover.background.touch-selection button.titlebutton:active,
+ popover.background.touch-selection .titlebar button.titlebutton:active,
+ .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active,
popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar
button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
+ popover.background.magnifier .titlebar button.titlebutton:active,
+ .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active,
.app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active,
.app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active,
+ .app-notification .titlebar button.titlebutton:active,
+ .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection
headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked,
+ popover.background.touch-selection .titlebar button.titlebutton:checked,
+ .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked,
popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar
button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
+ popover.background.magnifier .titlebar button.titlebutton:checked,
+ .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification
button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar
.app-notification button.titlebutton:checked,
+ .app-notification .titlebar button.titlebutton:checked,
+ .titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd notebook > header
tabs > arrow:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar
.osd button.titlebutton:active,
+ .osd .titlebar button.titlebutton:active,
+ .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd notebook > header > tabs >
arrow:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd
button.titlebutton:checked,
+ .osd .titlebar button.titlebutton:checked,
+ .titlebar .osd button.titlebutton:checked {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- border: none; }
- notebook > header > tabs > arrow.osd:backdrop,
- button.osd:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
- background-clip: padding-box;
- box-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: #1c5187;
+ background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action.flat, notebook > header > tabs > arrow.suggested-action,
button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton,
+ .titlebar button.suggested-action.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: #4a90d9; }
+ button.suggested-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #1c5187;
+ /*
+ background-image: linear-gradient(to bottom,
+ lighten($c, 16%),
+ lighten($c, 6%) 40%,
+ lighten($c, 2%));
+ */
+ background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:active, button.suggested-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #1c5187;
+ background-image: linear-gradient(to bottom, #276fba, #3583d5);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+ box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:backdrop, button.suggested-action.flat:backdrop, notebook > header > tabs >
arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar
button.suggested-action.titlebutton:backdrop,
+ .titlebar button.suggested-action.titlebutton:backdrop {
+ color: #dbe9f7;
+ border-color: #4a90d9;
+ background-image: linear-gradient(to bottom, #4a90d9);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, notebook > header > tabs >
arrow.suggested-action:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar
button.suggested-action.titlebutton:backdrop:active,
+ .titlebar button.suggested-action.titlebutton:backdrop:active,
button.suggested-action.flat:backdrop:checked, notebook > header > tabs >
arrow.suggested-action:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar
button.suggested-action.titlebutton:backdrop:checked,
+ .titlebar button.suggested-action.titlebutton:backdrop:checked {
+ color: #d4e4f4;
+ border-color: #2a76c6;
+ background-image: linear-gradient(to bottom, #2a76c6);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, notebook >
header > tabs > arrow.suggested-action:backdrop:disabled,
button.suggested-action.sidebar-button:backdrop:disabled, headerbar
button.suggested-action.titlebutton:backdrop:disabled,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled {
+ color: #c3c3c0;
+ border-color: #a5a5a1;
+ background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
- border: none; }
- popover.background.touch-selection button, popover.background.magnifier button, .csd
popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification
button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
- .app-notification .titlebar button.titlebutton,
- .titlebar .app-notification button.titlebutton,
- .app-notification.frame button, .osd notebook > header > tabs > arrow, .osd
- button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
- .osd .titlebar button.titlebutton,
- .titlebar .osd button.titlebutton {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.suggested-action:backdrop:disabled:active,
button.suggested-action.sidebar-button:backdrop:disabled:active, headerbar
button.suggested-action.titlebutton:backdrop:disabled:active,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked, notebook > header > tabs >
arrow.suggested-action:backdrop:disabled:checked,
button.suggested-action.sidebar-button:backdrop:disabled:checked, headerbar
button.suggested-action.titlebutton:backdrop:disabled:checked,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked {
+ color: #8db9e8;
+ border-color: #5094db;
+ background-image: linear-gradient(to bottom, #5094db);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop,
button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop,
+ .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:disabled, notebook >
header > tabs > arrow.suggested-action:disabled, button.suggested-action.sidebar-button:disabled, headerbar
button.suggested-action.titlebutton:disabled,
+ .titlebar button.suggested-action.titlebutton:disabled, button.suggested-action.flat:backdrop:disabled,
notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
button.suggested-action.sidebar-button:backdrop:disabled, headerbar
button.suggested-action.titlebutton:backdrop:disabled,
+ .titlebar button.suggested-action.titlebutton:backdrop:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: rgba(74, 144, 217, 0.8); }
+ button.suggested-action:disabled {
+ color: #8b8e8f;
+ border-color: #9d9d99;
+ background-image: linear-gradient(to bottom, #f1f1f1);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
+ color: #b9d4f1;
+ border-color: #1c5187;
+ background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .osd button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
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 notebook > header > tabs > arrow:hover, .osd
- button:hover {
+ .osd button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
+ background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
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, popover.background.magnifier button:active,
.app-notification button:active, popover.background.touch-selection button:checked,
popover.background.magnifier button:checked, .app-notification button:checked,
popover.background.touch-selection button:backdrop:active, popover.background.magnifier
button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection
button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification
button:backdrop:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs >
arrow:checked, .osd notebook > header > tabs > arrow:backdrop:active, .osd notebook > header > tabs >
arrow:backdrop:checked, .osd
- button:active, .osd
- button:checked, .osd
- button:backdrop:active, .osd
- button:backdrop:checked {
+ .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd
button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
+ background-image: linear-gradient(to bottom, #4a90d9);
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, popover.background.magnifier button:disabled,
.app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled,
popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd
notebook > header > tabs > arrow:disabled, .osd notebook > header > tabs > arrow:backdrop:disabled, .osd
- button:disabled, .osd
- button:backdrop:disabled {
+ .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
@@ -641,598 +823,186 @@ headerbar button.titlebutton,
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 notebook > header > tabs > arrow:backdrop, .osd
- button:backdrop {
+ .osd button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
+ background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header >
tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection
headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton,
- popover.background.touch-selection .titlebar button.titlebutton,
- .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier
button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier
button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar
popover.background.magnifier button.titlebutton,
- popover.background.magnifier .titlebar button.titlebutton,
- .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection
notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow,
.app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification
button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification
button.titlebutton,
- .app-notification .titlebar button.titlebutton,
- .titlebar .app-notification button.titlebutton,
- .app-notification.frame notebook > header > tabs > arrow, .osd notebook > header > tabs > arrow.flat,
.osd
- button.flat, .osd notebook > header > tabs > arrow, .osd
- button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
- .osd .titlebar button.titlebutton,
- .titlebar .osd button.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 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.touch-selection notebook >
header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover,
popover.background.touch-selection headerbar button.titlebutton:hover, headerbar
popover.background.touch-selection button.titlebutton:hover,
- popover.background.touch-selection .titlebar button.titlebutton:hover,
- .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier
button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover,
popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar
button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover,
- popover.background.magnifier .titlebar button.titlebutton:hover,
- .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover,
.app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover,
.app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover,
- .app-notification .titlebar button.titlebutton:hover,
- .titlebar .app-notification button.titlebutton:hover, .osd notebook > header > tabs >
arrow.flat:hover, .osd
- button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd
- button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd
button.titlebutton:hover,
- .osd .titlebar button.titlebutton:hover,
- .titlebar .osd button.titlebutton:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
- 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.touch-selection notebook >
header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled,
popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar
popover.background.touch-selection button.titlebutton:disabled,
- popover.background.touch-selection .titlebar button.titlebutton:disabled,
- .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier
button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled,
popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar
button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled,
- popover.background.magnifier .titlebar button.titlebutton:disabled,
- .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification
button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification
button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar
.app-notification button.titlebutton:disabled,
- .app-notification .titlebar button.titlebutton:disabled,
- .titlebar .app-notification button.titlebutton:disabled, .osd notebook > header > tabs >
arrow.flat:disabled, .osd
- button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd
- button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd
button.titlebutton:disabled,
- .osd .titlebar button.titlebutton:disabled,
- .titlebar .osd button.titlebutton:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 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.touch-selection notebook >
header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop,
popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar
popover.background.touch-selection button.titlebutton:backdrop,
- popover.background.touch-selection .titlebar button.titlebutton:backdrop,
- .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier
button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar
button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop,
- popover.background.magnifier .titlebar button.titlebutton:backdrop,
- .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification
button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification
button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar
.app-notification button.titlebutton:backdrop,
- .app-notification .titlebar button.titlebutton:backdrop,
- .titlebar .app-notification button.titlebutton:backdrop, .osd notebook > header > tabs >
arrow.flat:backdrop, .osd
- button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd
- button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd
button.titlebutton:backdrop,
- .osd .titlebar button.titlebutton:backdrop,
- .titlebar .osd button.titlebutton:backdrop {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook >
header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active,
popover.background.touch-selection headerbar button.titlebutton:active, headerbar
popover.background.touch-selection button.titlebutton:active,
- popover.background.touch-selection .titlebar button.titlebutton:active,
- .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier
button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active,
popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar
button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active,
- popover.background.magnifier .titlebar button.titlebutton:active,
- .titlebar popover.background.magnifier button.titlebutton:active, .app-notification
button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification
button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar
.app-notification button.titlebutton:active,
- .app-notification .titlebar button.titlebutton:active,
- .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection
button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection
headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked,
- popover.background.touch-selection .titlebar button.titlebutton:checked,
- .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked,
popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar
button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked,
- popover.background.magnifier .titlebar button.titlebutton:checked,
- .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification
button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification
button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar
.app-notification button.titlebutton:checked,
- .app-notification .titlebar button.titlebutton:checked,
- .titlebar .app-notification button.titlebutton:checked, .osd notebook > header > tabs >
arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd
- button.flat:active, .osd notebook > header > tabs > arrow:active, .osd
- button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd
button.titlebutton:active,
- .osd .titlebar button.titlebutton:active,
- .titlebar .osd button.titlebutton:active, .osd
- button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd
- button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd
button.titlebutton:checked,
- .osd .titlebar button.titlebutton:checked,
- .titlebar .osd button.titlebutton:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, 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); }
- notebook > header > tabs > arrow.suggested-action,
- button.suggested-action,
- headerbar button.suggested-action.titlebutton,
- .titlebar button.suggested-action.titlebutton {
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8e0b0b;
+ background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
+ button.destructive-action.flat, notebook > header > tabs > arrow.destructive-action,
button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton,
+ .titlebar button.destructive-action.titlebutton {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: #ef2929; }
+ button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #1c5187;
- background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+ border-color: #8e0b0b;
+ /*
+ background-image: linear-gradient(to bottom,
+ lighten($c, 16%),
+ lighten($c, 6%) 40%,
+ lighten($c, 2%));
+ */
+ background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action.flat,
- button.suggested-action.flat,
- notebook > header > tabs > arrow.suggested-action,
- button.suggested-action.sidebar-button,
- headerbar button.suggested-action.titlebutton,
- .titlebar button.suggested-action.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #4a90d9; }
- notebook > header > tabs > arrow.suggested-action:hover,
- button.suggested-action:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #1c5187;
- /*
- background-image: linear-gradient(to bottom,
- lighten($c, 16%),
- lighten($c, 6%) 40%,
- lighten($c, 2%));
- */
- background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs >
arrow.suggested-action:checked,
- button.suggested-action:active,
- button.suggested-action:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #1c5187;
- background-image: linear-gradient(to bottom, #276fba, #3583d5);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
- box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop, notebook > header > tabs >
arrow.suggested-action.flat:backdrop,
- button.suggested-action:backdrop,
- button.suggested-action.flat:backdrop,
- notebook > header > tabs > arrow.suggested-action:backdrop,
- button.suggested-action.sidebar-button:backdrop,
- headerbar button.suggested-action.titlebutton:backdrop,
- .titlebar button.suggested-action.titlebutton:backdrop {
- color: #dbe9f7;
- border-color: #4a90d9;
- background-image: linear-gradient(to bottom, #4a90d9);
- text-shadow: none;
- -gtk-icon-shadow: none;
+ button.destructive-action:active, button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8e0b0b;
+ background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
+ box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
+ button.destructive-action:backdrop, button.destructive-action.flat:backdrop, notebook > header > tabs >
arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar
button.destructive-action.titlebutton:backdrop,
+ .titlebar button.destructive-action.titlebutton:backdrop {
+ color: #fcd4d4;
+ border-color: #ef2929;
+ background-image: linear-gradient(to bottom, #ef2929);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, notebook > header > tabs >
arrow.destructive-action:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar
button.destructive-action.titlebutton:backdrop:active,
+ .titlebar button.destructive-action.titlebutton:backdrop:active,
button.destructive-action.flat:backdrop:checked, notebook > header > tabs >
arrow.destructive-action:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked,
headerbar button.destructive-action.titlebutton:backdrop:checked,
+ .titlebar button.destructive-action.titlebutton:backdrop:checked {
+ color: #f7cfcf;
+ border-color: #d51010;
+ background-image: linear-gradient(to bottom, #d51010);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:active, notebook > header > tabs >
arrow.suggested-action:backdrop:checked, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:active, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:checked,
- button.suggested-action:backdrop:active,
- button.suggested-action:backdrop:checked,
- button.suggested-action.flat:backdrop:active,
- notebook > header > tabs > arrow.suggested-action:backdrop:active,
- button.suggested-action.sidebar-button:backdrop:active,
- headerbar button.suggested-action.titlebutton:backdrop:active,
- .titlebar button.suggested-action.titlebutton:backdrop:active,
- button.suggested-action.flat:backdrop:checked,
- notebook > header > tabs > arrow.suggested-action:backdrop:checked,
- button.suggested-action.sidebar-button:backdrop:checked,
- headerbar button.suggested-action.titlebutton:backdrop:checked,
- .titlebar button.suggested-action.titlebutton:backdrop:checked {
- color: #d4e4f4;
- border-color: #2a76c6;
- background-image: linear-gradient(to bottom, #2a76c6);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled,
- button.suggested-action:backdrop:disabled,
- button.suggested-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
- button.suggested-action.sidebar-button:backdrop:disabled,
- headerbar button.suggested-action.titlebutton:backdrop:disabled,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled {
- color: #c3c3c0;
- border-color: #a5a5a1;
- background-image: linear-gradient(to bottom, #f1f1f1);
- text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, notebook > header > tabs
arrow.suggested-action:backdrop:disabled:checked, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled:checked,
- button.suggested-action:backdrop:disabled:active,
- button.suggested-action:backdrop:disabled:checked,
- button.suggested-action.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active,
- button.suggested-action.sidebar-button:backdrop:disabled:active,
- headerbar button.suggested-action.titlebutton:backdrop:disabled:active,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled:active,
- button.suggested-action.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked,
- button.suggested-action.sidebar-button:backdrop:disabled:checked,
- headerbar button.suggested-action.titlebutton:backdrop:disabled:checked,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked {
- color: #8db9e8;
- border-color: #5094db;
- background-image: linear-gradient(to bottom, #5094db);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs >
arrow.suggested-action.flat:disabled, notebook > header > tabs >
arrow.suggested-action.flat:backdrop:disabled,
- button.suggested-action.flat:backdrop,
- notebook > header > tabs > arrow.suggested-action:backdrop,
- button.suggested-action.sidebar-button:backdrop,
- headerbar button.suggested-action.titlebutton:backdrop,
- .titlebar button.suggested-action.titlebutton:backdrop,
- button.suggested-action.flat:disabled,
- notebook > header > tabs > arrow.suggested-action:disabled,
- button.suggested-action.sidebar-button:disabled,
- headerbar button.suggested-action.titlebutton:disabled,
- .titlebar button.suggested-action.titlebutton:disabled,
- button.suggested-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.suggested-action:backdrop:disabled,
- button.suggested-action.sidebar-button:backdrop:disabled,
- headerbar button.suggested-action.titlebutton:backdrop:disabled,
- .titlebar button.suggested-action.titlebutton:backdrop:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(74, 144, 217, 0.8); }
- notebook > header > tabs > arrow.suggested-action:disabled,
- button.suggested-action:disabled {
- color: #8b8e8f;
- border-color: #9d9d99;
+ button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, notebook
header > tabs > arrow.destructive-action:backdrop:disabled,
button.destructive-action.sidebar-button:backdrop:disabled, headerbar
button.destructive-action.titlebutton:backdrop:disabled,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled {
+ color: #c3c3c0;
+ border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs >
arrow.suggested-action:disabled:checked,
- button.suggested-action:disabled:active,
- button.suggested-action:disabled:checked {
- color: #b9d4f1;
- border-color: #1c5187;
- background-image: linear-gradient(to bottom, #4b8dd3, #5094db);
+ button.destructive-action:backdrop:disabled:active,
button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active,
notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active,
button.destructive-action.sidebar-button:backdrop:disabled:active, headerbar
button.destructive-action.titlebutton:backdrop:disabled:active,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked, notebook > header > tabs >
arrow.destructive-action:backdrop:disabled:checked,
button.destructive-action.sidebar-button:backdrop:disabled:checked, headerbar
button.destructive-action.titlebutton:backdrop:disabled:checked,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked {
+ color: #f57979;
+ border-color: #ef3131;
+ background-image: linear-gradient(to bottom, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .osd notebook > header > tabs > arrow.suggested-action, .osd
- button.suggested-action {
- color: #eeeeec;
+ button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop,
button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop,
+ .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:disabled,
notebook > header > tabs > arrow.destructive-action:disabled,
button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.titlebutton:disabled,
+ .titlebar button.destructive-action.titlebutton:disabled,
button.destructive-action.flat:backdrop:disabled, notebook > header > tabs >
arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled,
headerbar button.destructive-action.titlebutton:backdrop:disabled,
+ .titlebar button.destructive-action.titlebutton:backdrop:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: rgba(239, 41, 41, 0.8); }
+ button.destructive-action:disabled {
+ color: #8b8e8f;
+ border-color: #9d9d99;
+ background-image: linear-gradient(to bottom, #f1f1f1);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
+ color: #f9adad;
+ border-color: #8e0b0b;
+ background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+ .osd button.destructive-action {
+ color: #eeeeec;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
+ 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); }
+ .osd button.destructive-action:hover {
+ color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
+ background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
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); }
- .osd notebook > header > tabs > arrow.suggested-action:hover, .osd
- button.suggested-action:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
- 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); }
- .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header > tabs >
arrow.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:backdrop:active, .osd
notebook > header > tabs > arrow.suggested-action:backdrop:checked, .osd
- button.suggested-action:active, .osd
- button.suggested-action:checked, .osd
- button.suggested-action:backdrop:active, .osd
- button.suggested-action:backdrop:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #4a90d9);
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd notebook > header > tabs >
arrow.suggested-action:backdrop:disabled, .osd
- button.suggested-action:disabled, .osd
- button.suggested-action:backdrop:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- .osd notebook > header > tabs > arrow.suggested-action:backdrop, .osd
- button.suggested-action:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- notebook > header > tabs > arrow.destructive-action,
- button.destructive-action,
- headerbar button.destructive-action.titlebutton,
- .titlebar button.destructive-action.titlebutton {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action.flat,
- button.destructive-action.flat,
- notebook > header > tabs > arrow.destructive-action,
- button.destructive-action.sidebar-button,
- headerbar button.destructive-action.titlebutton,
- .titlebar button.destructive-action.titlebutton {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: #ef2929; }
- notebook > header > tabs > arrow.destructive-action:hover,
- button.destructive-action:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #8e0b0b;
- /*
- background-image: linear-gradient(to bottom,
- lighten($c, 16%),
- lighten($c, 6%) 40%,
- lighten($c, 2%));
- */
- background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs >
arrow.destructive-action:checked,
- button.destructive-action:active,
- button.destructive-action:checked {
+ .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd
button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
- text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
- box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop, notebook > header > tabs >
arrow.destructive-action.flat:backdrop,
- button.destructive-action:backdrop,
- button.destructive-action.flat:backdrop,
- notebook > header > tabs > arrow.destructive-action:backdrop,
- button.destructive-action.sidebar-button:backdrop,
- headerbar button.destructive-action.titlebutton:backdrop,
- .titlebar button.destructive-action.titlebutton:backdrop {
- color: #fcd4d4;
- border-color: #ef2929;
+ border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #ef2929);
+ background-clip: padding-box;
+ box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:active, notebook > header > tabs >
arrow.destructive-action:backdrop:checked, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:active, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:checked,
- button.destructive-action:backdrop:active,
- button.destructive-action:backdrop:checked,
- button.destructive-action.flat:backdrop:active,
- notebook > header > tabs > arrow.destructive-action:backdrop:active,
- button.destructive-action.sidebar-button:backdrop:active,
- headerbar button.destructive-action.titlebutton:backdrop:active,
- .titlebar button.destructive-action.titlebutton:backdrop:active,
- button.destructive-action.flat:backdrop:checked,
- notebook > header > tabs > arrow.destructive-action:backdrop:checked,
- button.destructive-action.sidebar-button:backdrop:checked,
- headerbar button.destructive-action.titlebutton:backdrop:checked,
- .titlebar button.destructive-action.titlebutton:backdrop:checked {
- color: #f7cfcf;
- border-color: #d51010;
- background-image: linear-gradient(to bottom, #d51010);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled,
- button.destructive-action:backdrop:disabled,
- button.destructive-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled,
- button.destructive-action.sidebar-button:backdrop:disabled,
- headerbar button.destructive-action.titlebutton:backdrop:disabled,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled {
- color: #c3c3c0;
- border-color: #a5a5a1;
- background-image: linear-gradient(to bottom, #f1f1f1);
- text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, notebook > header >
tabs > arrow.destructive-action:backdrop:disabled:checked, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled:checked,
- button.destructive-action:backdrop:disabled:active,
- button.destructive-action:backdrop:disabled:checked,
- button.destructive-action.flat:backdrop:disabled:active,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active,
- button.destructive-action.sidebar-button:backdrop:disabled:active,
- headerbar button.destructive-action.titlebutton:backdrop:disabled:active,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled:active,
- button.destructive-action.flat:backdrop:disabled:checked,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked,
- button.destructive-action.sidebar-button:backdrop:disabled:checked,
- headerbar button.destructive-action.titlebutton:backdrop:disabled:checked,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked {
- color: #f57979;
- border-color: #ef3131;
- background-image: linear-gradient(to bottom, #ef3131);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs >
arrow.destructive-action.flat:disabled, notebook > header > tabs >
arrow.destructive-action.flat:backdrop:disabled,
- button.destructive-action.flat:backdrop,
- notebook > header > tabs > arrow.destructive-action:backdrop,
- button.destructive-action.sidebar-button:backdrop,
- headerbar button.destructive-action.titlebutton:backdrop,
- .titlebar button.destructive-action.titlebutton:backdrop,
- button.destructive-action.flat:disabled,
- notebook > header > tabs > arrow.destructive-action:disabled,
- button.destructive-action.sidebar-button:disabled,
- headerbar button.destructive-action.titlebutton:disabled,
- .titlebar button.destructive-action.titlebutton:disabled,
- button.destructive-action.flat:backdrop:disabled,
- notebook > header > tabs > arrow.destructive-action:backdrop:disabled,
- button.destructive-action.sidebar-button:backdrop:disabled,
- headerbar button.destructive-action.titlebutton:backdrop:disabled,
- .titlebar button.destructive-action.titlebutton:backdrop:disabled {
- border-color: transparent;
- background-color: transparent;
- background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
- text-shadow: none;
- -gtk-icon-shadow: none;
- color: rgba(239, 41, 41, 0.8); }
- notebook > header > tabs > arrow.destructive-action:disabled,
- button.destructive-action:disabled {
- color: #8b8e8f;
- border-color: #9d9d99;
- background-image: linear-gradient(to bottom, #f1f1f1);
+ outline-color: rgba(238, 238, 236, 0.3); }
+ .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
+ color: #878a89;
+ border-color: rgba(0, 0, 0, 0.7);
+ background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs >
arrow.destructive-action:disabled:checked,
- button.destructive-action:disabled:active,
- button.destructive-action:disabled:checked {
- color: #f9adad;
- border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .osd notebook > header > tabs > arrow.destructive-action, .osd
- button.destructive-action {
+ -gtk-icon-shadow: none; }
+ .osd button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
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); }
- .osd notebook > header > tabs > arrow.destructive-action:hover, .osd
- button.destructive-action:hover {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
- 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); }
- .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header > tabs >
arrow.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:backdrop:active,
.osd notebook > header > tabs > arrow.destructive-action:backdrop:checked, .osd
- button.destructive-action:active, .osd
- button.destructive-action:checked, .osd
- button.destructive-action:backdrop:active, .osd
- button.destructive-action:backdrop:checked {
- color: white;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #ef2929);
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.3); }
- .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd notebook > header > tabs >
arrow.destructive-action:backdrop:disabled, .osd
- button.destructive-action:disabled, .osd
- button.destructive-action:backdrop:disabled {
- color: #878a89;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- .osd notebook > header > tabs > arrow.destructive-action:backdrop, .osd
- button.destructive-action:backdrop {
- color: #eeeeec;
- border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
- background-clip: padding-box;
- box-shadow: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
- notebook > header > tabs > arrow.text-button,
- button.text-button,
- headerbar button.text-button.titlebutton,
- .titlebar button.text-button.titlebutton {
- padding-left: 16px;
- padding-right: 16px; }
- notebook > header > tabs > arrow.text-button.image-button label:first-child,
- button.text-button.image-button label:first-child {
- padding-left: 8px; }
- notebook > header > tabs > arrow.text-button.image-button label:last-child,
- button.text-button.image-button label:last-child {
- padding-right: 8px; }
- notebook > header > tabs.stack-switcher > arrow, .stack-switcher >
- button, headerbar .stack-switcher > button.titlebutton,
- .titlebar .stack-switcher > button.titlebutton {
- outline-offset: -3px; }
- notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher >
- button > label,
- .titlebar .stack-switcher > button.titlebutton > label {
- padding-left: 6px;
- padding-right: 6px; }
- notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher >
- button > image,
- .titlebar .stack-switcher > button.titlebutton > image {
- padding-left: 6px;
- padding-right: 6px;
- padding-top: 3px;
- padding-bottom: 3px; }
- notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher >
- button.text-button, headerbar .stack-switcher > button.text-button.titlebutton,
- .titlebar .stack-switcher > button.text-button.titlebutton {
- padding-left: 10px;
- padding-right: 10px; }
- notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher >
- button.image-button, headerbar .stack-switcher > button.image-button.titlebutton,
- .titlebar .stack-switcher > button.image-button.titlebutton {
- padding-left: 2px;
- padding-right: 2px; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header >
tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher >
arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher >
arrow.needs-attention:checked > image, .stack-switcher >
- button.needs-attention:active > label, .stack-switcher >
- button.needs-attention:active > image, .stack-switcher >
- button.needs-attention:checked > label, .stack-switcher >
- button.needs-attention:checked > image {
- animation: none;
- background-image: none; }
- .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs >
arrow:backdrop, .inline-toolbar
- button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
- .inline-toolbar .titlebar button.titlebutton,
- .titlebar .inline-toolbar button.titlebutton, .inline-toolbar
- button:backdrop {
- border-radius: 2px;
- border-width: 1px; }
- .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar
- button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
- .primary-toolbar .titlebar button.titlebutton,
- .titlebar .primary-toolbar button.titlebutton {
- -gtk-icon-shadow: none; }
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+.stack-switcher > button {
+ outline-offset: -3px; }
+ .stack-switcher > button > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ .stack-switcher > button > image {
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .stack-switcher > button.text-button {
+ padding-left: 10px;
+ padding-right: 10px; }
+ .stack-switcher > button.image-button {
+ padding-left: 2px;
+ padding-right: 2px; }
+ .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active >
image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher >
button.needs-attention:checked > image {
+ animation: none;
+ background-image: none; }
+.inline-toolbar button, .inline-toolbar button:backdrop {
+ border-radius: 2px;
+ border-width: 1px; }
+.primary-toolbar button {
+ -gtk-icon-shadow: none; }
-notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header >
tabs.stack-switcher > arrow.needs-attention > image, .stack-switcher >
-button.needs-attention > label, .stack-switcher >
-button.needs-attention > image, stacksidebar row.needs-attention > label {
+.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(#4a90d9),
to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255,
0.76923)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 4px; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header >
tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher >
- button.needs-attention > label:backdrop, .stack-switcher >
- button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
+ .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; }
- notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header >
tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher >
- button.needs-attention > label:dir(rtl), .stack-switcher >
- button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
+ .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; }
-.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
-.inline-toolbar .titlebar toolbutton > button.titlebutton,
-.titlebar .inline-toolbar toolbutton > button.titlebutton {
+.inline-toolbar toolbutton > button {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -1240,8 +1010,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
+ .inline-toolbar toolbutton > button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -1255,9 +1024,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton >
button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
+ .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -1265,47 +1032,38 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton >
button.titlebutton:disabled,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
+ .inline-toolbar toolbutton > button:disabled {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:disabled:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton >
button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
+ .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #8b8e8f;
border-color: #9d9d99;
background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
+ .inline-toolbar toolbutton > button:backdrop {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton >
button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
+ .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
color: #8b8e8f;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #d1d1cf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
+ .inline-toolbar toolbutton > button:backdrop:disabled {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
- .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled:active,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar
toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton >
button.titlebutton:backdrop:disabled:checked,
- .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
+ .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton >
button:backdrop:disabled:checked {
color: #c3c3c0;
border-color: #a5a5a1;
background-image: linear-gradient(to bottom, #e4e4e4);
@@ -1314,6 +1072,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat,
searchbar.inline-toolbar toolbutton > button.flat,
.inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton >
button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar
toolbutton > button.sidebar-button,
.inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton >
button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
+.inline-toolbar .titlebar toolbutton > button.titlebutton,
+.titlebar .inline-toolbar toolbutton > button.titlebutton,
toolbar.inline-toolbar toolbutton:backdrop > button.flat,
.inline-toolbar toolbutton:backdrop > button.flat,
searchbar.inline-toolbar toolbutton:backdrop > button.flat,
@@ -1325,24 +1085,11 @@ searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button,
.inline-toolbar headerbar toolbutton:backdrop > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton,
-.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry,
.linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar notebook > header > tabs > arrow,
.inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar
-button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
-.inline-toolbar .titlebar button.titlebutton,
-.titlebar .inline-toolbar button.titlebutton, .inline-toolbar
-button:backdrop, notebook > header > tabs.linked > arrow, notebook > header > tabs.linked > arrow:hover,
notebook > header > tabs.linked > arrow:active, notebook > header > tabs.linked > arrow:checked, notebook >
header > tabs.linked > arrow:backdrop, .linked >
-button, headerbar .linked > button.titlebutton,
-.titlebar .linked > button.titlebutton, .linked >
-button:hover, .linked >
-button:active, .linked >
-button:checked, .linked >
-button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) {
+.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry,
.linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar button, .inline-toolbar button:backdrop,
.linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked >
button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) {
border-radius: 0;
border-right-style: none; }
-.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar notebook > header > tabs >
arrow:first-child:backdrop, .inline-toolbar
-button:first-child, notebook > header > tabs.linked > arrow:first-child, notebook > header > tabs.linked >
arrow:first-child:hover, notebook > header > tabs.linked > arrow:first-child:active, notebook > header >
tabs.linked > arrow:first-child:checked, notebook > header > tabs.linked > arrow:first-child:backdrop,
.linked >
-button:first-child, headerbar .linked > button.titlebutton:first-child,
-.titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child >
button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar
toolbutton:first-child > button.flat,
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar
toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat,
searchbar.inline-toolbar toolbutton:first-child > button.flat,
.inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar
toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child >
button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
@@ -1361,10 +1108,7 @@ headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked
button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
-.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar notebook > header > tabs >
arrow:last-child:backdrop, .inline-toolbar
-button:last-child, notebook > header > tabs.linked > arrow:last-child, notebook > header > tabs.linked >
arrow:last-child:hover, notebook > header > tabs.linked > arrow:last-child:active, notebook > header >
tabs.linked > arrow:last-child:checked, notebook > header > tabs.linked > arrow:last-child:backdrop, .linked >
-button:last-child, headerbar .linked > button.titlebutton:last-child,
-.titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child >
button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar
toolbutton:last-child > button.flat,
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child
button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar
toolbutton:last-child > button.flat,
.inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar
toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
@@ -1384,10 +1128,7 @@ headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
-.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar notebook > header > tabs >
arrow:only-child:backdrop, .inline-toolbar
-button:only-child, notebook > header > tabs.linked > arrow:only-child, notebook > header > tabs.linked >
arrow:only-child:hover, notebook > header > tabs.linked > arrow:only-child:active, notebook > header >
tabs.linked > arrow:only-child:checked, notebook > header > tabs.linked > arrow:only-child:backdrop, .linked >
-button:only-child, headerbar .linked > button.titlebutton:only-child,
-.titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child >
button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar
toolbutton:only-child > button.flat,
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child
button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar
toolbutton:only-child > button.flat,
.inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar
toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button,
searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button,
.inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar
toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child >
button.titlebutton,
.inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
@@ -1407,41 +1148,26 @@ headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
border-radius: 3px;
border-style: solid; }
-.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), notebook > header >
tabs.linked.vertical > arrow, notebook > header > tabs.linked.vertical > arrow:hover, notebook > header >
tabs.linked.vertical > arrow:active, notebook > header > tabs.linked.vertical > arrow:checked, notebook >
header > tabs.linked.vertical > arrow:backdrop, .linked.vertical >
-button, headerbar .linked.vertical > button.titlebutton,
-.titlebar .linked.vertical > button.titlebutton, .linked.vertical >
-button:hover, .linked.vertical >
-button:active, .linked.vertical >
-button:checked, .linked.vertical >
-button:backdrop, .linked.vertical > combobox > button.combo {
+.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > button,
.linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked,
.linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo {
border-style: solid solid none solid;
border-radius: 0; }
-.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:first-child, notebook > header > tabs.linked.vertical >
arrow:first-child:hover, notebook > header > tabs.linked.vertical > arrow:first-child:active, notebook >
header > tabs.linked.vertical > arrow:first-child:checked, notebook > header > tabs.linked.vertical >
arrow:first-child:backdrop, .linked.vertical >
-button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
-.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child >
button.combo {
+.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical),
.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
-.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:last-child, notebook > header > tabs.linked.vertical >
arrow:last-child:hover, notebook > header > tabs.linked.vertical > arrow:last-child:active, notebook > header
tabs.linked.vertical > arrow:last-child:checked, notebook > header > tabs.linked.vertical >
arrow:last-child:backdrop, .linked.vertical >
-button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
-.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child >
button.combo {
+.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical),
.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-style: solid; }
-.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), notebook >
header > tabs.linked.vertical > arrow:only-child, notebook > header > tabs.linked.vertical >
arrow:only-child:hover, notebook > header > tabs.linked.vertical > arrow:only-child:active, notebook > header
tabs.linked.vertical > arrow:only-child:checked, notebook > header > tabs.linked.vertical >
arrow:only-child:backdrop, .linked.vertical >
-button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
-.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child >
button.combo {
+.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical),
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo {
border-radius: 3px;
border-style: solid; }
modelbutton.flat,
.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
.menuitem.button.flat:backdrop,
-.menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked,
+.menuitem.button.flat:backdrop:hover, button:link,
+button:visited, button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked, button:link:backdrop,
@@ -1485,8 +1211,7 @@ modelbutton.flat arrow {
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-button.color, headerbar button.color.titlebutton,
-.titlebar button.color.titlebutton {
+button.color {
padding: 4px; }
button.color colorswatch:only-child {
box-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
@@ -1498,23 +1223,14 @@ button.color, headerbar button.color.titlebutton,
/*********
* Links *
*********/
-*:link, button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited {
+*:link, button:link,
+button:visited {
color: #2a76c6; }
*:link:visited,
- button:visited,
- headerbar button.titlebutton:visited,
- .titlebar button.titlebutton:visited {
+ button:visited {
color: #215d9c; }
*:selected *:link:visited, *:selected button:visited:link,
- *:selected button:visited,
- *:selected headerbar button.titlebutton:visited,
- headerbar *:selected button.titlebutton:visited,
- *:selected .titlebar button.titlebutton:visited,
- .titlebar *:selected button.titlebutton:visited {
+ *:selected button:visited {
color: #b7d3f0; }
*:link:hover, button:hover:link,
button:hover:visited {
@@ -1540,22 +1256,16 @@ headerbar button.titlebutton:visited,
*:selected button:visited {
color: #dbe9f7; }
-button:link, headerbar button.titlebutton:link,
-.titlebar button.titlebutton:link,
-button:visited,
-headerbar button.titlebutton:visited,
-.titlebar button.titlebutton:visited {
+button:link,
+button:visited {
text-shadow: none; }
button:link:hover, button:link:active, button:link:checked,
button:visited:hover,
button:visited:active,
button:visited:checked {
text-shadow: none; }
- button:link > label, headerbar button.titlebutton:link > label,
- .titlebar button.titlebutton:link > label,
- button:visited > label,
- headerbar button.titlebutton:visited > label,
- .titlebar button.titlebutton:visited > label {
+ button:link > label,
+ button:visited > label {
text-decoration-line: underline; }
/*****************
@@ -1568,9 +1278,7 @@ spinbutton:not(.vertical) {
background: none;
border: none;
box-shadow: none; }
- spinbutton:not(.vertical) button,
- spinbutton:not(.vertical) .titlebar button.titlebutton,
- .titlebar spinbutton:not(.vertical) button.titlebutton {
+ spinbutton:not(.vertical) button {
margin: 0;
background-image: none;
border-style: none none none solid;
@@ -1663,9 +1371,7 @@ spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) {
min-width: 32px;
padding: 0;
border-radius: 0; }
-spinbutton.vertical button,
-spinbutton.vertical .titlebar button.titlebutton,
-.titlebar spinbutton.vertical button.titlebutton {
+spinbutton.vertical button {
min-height: 32px;
min-width: 32px;
padding: 0; }
@@ -1880,9 +1586,7 @@ headerbar {
background-image: linear-gradient(to bottom, #4a90d9);
box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); }
.selection-mode.titlebar:not(headerbar) button,
- headerbar.selection-mode button,
- headerbar.selection-mode .titlebar button.titlebutton,
- .titlebar headerbar.selection-mode button.titlebutton {
+ headerbar.selection-mode button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
@@ -2122,24 +1826,18 @@ headerbar {
padding: 0 4px;
min-height: 36px; }
.default-decoration.titlebar:not(headerbar) button,
- headerbar.default-decoration button,
- headerbar.default-decoration .titlebar button.titlebutton,
- .titlebar headerbar.default-decoration button.titlebutton {
+ headerbar.default-decoration button {
min-height: 26px;
padding: 0 5px; }
.titlebar:not(headerbar) entry, .titlebar:not(headerbar) spinbutton:not(.vertical),
.titlebar:not(headerbar) spinbutton,
.titlebar:not(headerbar) separator,
.titlebar:not(headerbar) button,
- .titlebar:not(headerbar) button.titlebutton,
headerbar entry,
headerbar spinbutton:not(.vertical),
headerbar spinbutton,
headerbar separator,
- headerbar button,
- headerbar button.titlebutton,
- headerbar .titlebar button.titlebutton,
- .titlebar headerbar button.titlebutton {
+ headerbar button {
margin-top: 6px;
margin-bottom: 6px; }
@@ -2253,9 +1951,7 @@ treeview.view {
border-width: 1px 0;
border-style: solid;
border-color: #4a90d9; }
- treeview.view header button,
- treeview.view header .titlebar button.titlebutton,
- .titlebar treeview.view header button.titlebutton {
+ treeview.view header button {
color: #979a9b;
background-color: #ffffff;
font-weight: bold;
@@ -2276,9 +1972,7 @@ treeview.view {
color: #4a90d9;
box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0
#ffffff; }
-treeview.view header button,
-treeview.view header .titlebar button.titlebutton,
-.titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header
button:active {
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
padding: 3px 6px;
border-style: none solid solid none;
border-radius: 0;
@@ -2594,9 +2288,7 @@ notebook > stack:not(:only-child) {
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
-scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
-scrollbar .titlebar button.titlebutton,
-.titlebar scrollbar button.titlebutton {
+scrollbar button {
border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
@@ -4050,9 +3742,7 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
row.activatable:selected:backdrop {
background-color: #4a90d9; }
-row:selected button,
-row:selected .titlebar button.titlebutton,
-.titlebar row:selected button.titlebutton {
+row:selected button {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -4444,14 +4134,11 @@ placessidebar row {
padding-right: 2px; }
placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; }
- button.sidebar-button, headerbar button.sidebar-button.titlebutton,
- .titlebar button.sidebar-button.titlebutton {
+ button.sidebar-button {
padding: 5px;
border-radius: 100%;
-gtk-outline-radius: 100%; }
- button.sidebar-button:not(:hover):not(:active) > image, headerbar
button.sidebar-button.titlebutton:not(:hover):not(:active) > image,
- .titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image,
button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image,
- .titlebar button.sidebar-button.titlebutton:backdrop > image {
+ button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
opacity: 0.7; }
placessidebar row:selected:active {
box-shadow: none; }
@@ -4529,24 +4216,10 @@ infobar {
color: #ffffff;
text-shadow: 0 1px #2a76c6;
border-color: #2a76c6; }
- .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
- .info .titlebar button.titlebutton,
- .titlebar .info button.titlebutton,
+ .info button,
.question button,
- .question headerbar button.titlebutton,
- headerbar .question button.titlebutton,
- .question .titlebar button.titlebutton,
- .titlebar .question button.titlebutton,
.warning button,
- .warning headerbar button.titlebutton,
- headerbar .warning button.titlebutton,
- .warning .titlebar button.titlebutton,
- .titlebar .warning button.titlebutton,
- .error button,
- .error headerbar button.titlebutton,
- headerbar .error button.titlebutton,
- .error .titlebar button.titlebutton,
- .titlebar .error button.titlebutton {
+ .error button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #1c5187;
@@ -4759,9 +4432,7 @@ colorswatch#editor-color-sample {
padding: 6px;
border-style: none;
border-radius: 5px; }
-.scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton,
-.scale-popup .titlebar button.titlebutton,
-.titlebar .scale-popup button.titlebutton {
+.scale-popup button {
padding: 6px; }
.scale-popup button:hover {
background-color: rgba(46, 52, 54, 0.1);
@@ -4804,8 +4475,6 @@ decoration {
box-shadow: none; }
headerbar button.titlebutton,
-headerbar .titlebar button.titlebutton,
-.titlebar headerbar button.titlebutton,
.titlebar button.titlebutton {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
@@ -4910,12 +4579,10 @@ cursor-handle {
.context-menu {
font: initial; }
-button.circular, headerbar button.circular.titlebutton,
-.titlebar button.circular.titlebutton {
+button.circular {
border-radius: 20px;
-gtk-outline-radius: 20px; }
- button.circular label,
- .titlebar button.circular.titlebutton label {
+ button.circular label {
padding: 0; }
.keycap {
@@ -4939,14 +4606,10 @@ button.circular, headerbar button.circular.titlebutton,
*:drop(active) {
border: 1px solid black; }
-stackswitcher button.text-button,
-stackswitcher .titlebar button.text-button.titlebutton,
-.titlebar stackswitcher button.text-button.titlebutton {
+stackswitcher button.text-button {
min-width: 100px; }
stackswitcher button.circular,
-stackswitcher .titlebar button.circular.titlebutton,
-.titlebar stackswitcher button.circular.titlebutton,
stackswitcher button.text-button.circular {
min-width: 32px;
min-height: 32px;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]