Added animation for active buttons

This commit is contained in:
Eudaimon 2024-02-01 15:13:16 +01:00
parent 01b83d6d97
commit e4ac76a8ab
9 changed files with 207 additions and 177 deletions

View File

@ -212,15 +212,15 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):not(:checked):disabled, expander title > arrow.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; }
scrollbar slider:hover, scrollbar slider:focus, expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-effect: highlight; }
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; }
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scrollbar slider:checked, expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -250,7 +250,7 @@ expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-
expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; }
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border: none; }
@ -260,7 +260,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd button:hover { border-color: currentColor; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -268,23 +268,23 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd expander title > arrow.flat, expander .osd title > arrow.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header > tabs > arrow.flat, .osd modelbutton.flat arrow.flat, modelbutton.flat .osd arrow.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd expander title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), expander .osd title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat .osd arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd expander title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), expander .osd title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat .osd arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd expander title > arrow.flat:hover, expander .osd title > arrow.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd modelbutton.flat arrow.flat:hover, modelbutton.flat .osd arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd expander title > arrow.flat:disabled, expander .osd title > arrow.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd modelbutton.flat arrow.flat:disabled, modelbutton.flat .osd arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #494949; background-image: none; border-color: transparent; box-shadow: none; }
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
expander title > arrow.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, modelbutton.flat arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
expander title > arrow.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, modelbutton.flat arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; }
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -294,17 +294,17 @@ expander title > arrow.suggested-action:disabled:active, notebook > header tabs
.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
expander title > arrow.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, treeview.view header button.destructive-action, modelbutton.flat arrow.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
expander title > arrow.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, modelbutton.flat arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
expander title > arrow.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, modelbutton.flat arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; }
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -314,7 +314,7 @@ expander title > arrow.destructive-action:disabled:active, notebook > header tab
.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -356,7 +356,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
.inline-toolbar toolbutton > button:hover { border-color: currentColor; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.inline-toolbar toolbutton > button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -401,7 +401,7 @@ list row button.image-button:not(.flat) { border: 1px solid rgba(89, 87, 87, 0.5
list row button.image-button:not(.flat):hover { border-color: currentColor; }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
/********* Links * */
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
@ -441,15 +441,15 @@ spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparen
spinbutton:not(.vertical) button { padding: 0; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
@ -471,7 +471,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none
.osd spinbutton.vertical button:first-child:hover { border-color: currentColor; }
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; }
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd spinbutton.vertical button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -534,11 +534,11 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-color: currentColor; }
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; }
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #86e4b0; }
@ -548,7 +548,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #86e4b0; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -558,7 +558,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-color: currentColor; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border-color: #86e4b0; }
@ -695,7 +695,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { color: #EDF0F5; background
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; }
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
@ -711,7 +711,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color:
menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; }
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
@ -783,7 +783,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -926,7 +926,7 @@ check:backdrop, radio:backdrop { transition: 200ms ease-out; }
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -997,7 +997,7 @@ scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #EDF0F5;
scale slider:hover { border-color: currentColor; }
scale slider:active { box-shadow: 0 0 3px 2px #769830; }
scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1007,7 +1007,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #1
.osd scale slider:hover { border-color: currentColor; background-color: #66cbec; }
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-color: #203d79; }
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
.osd scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
@ -1171,13 +1171,13 @@ list row { padding: 2px; }
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
row.activatable:hover { border-color: currentColor; }
:not(button row.activatable):hover { border-color: currentColor; }
row.activatable:active { box-shadow: 0 0 3px 2px #769830; }
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
@ -1337,7 +1337,7 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.er
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { border-color: currentColor; }
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; }
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1465,7 +1465,7 @@ button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #924
button.titlebutton.close:not(:backdrop):hover { border-color: currentColor; }
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
@ -1559,12 +1559,6 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
@ -1585,6 +1579,14 @@ XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-co
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.top-bar { background-color: #768556; color: #ffffff; }
.top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.top-bar .collapse-spacing { padding: 0; }
.history-view { background-color: #323232; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */

View File

@ -249,11 +249,11 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; }
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -261,7 +261,7 @@ scrollbar > range > trough > slider:disabled, dnd tab:disabled, tabbar tab:disab
scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, dnd tab:disabled:active, tabbar tab:disabled:active, notebook > header tabs > tab:disabled:active, notebook > header tabbar tabbox > tabboxchild:disabled:active, tabbar notebook > header tabbox > tabboxchild:disabled:active, notebook > header > tabs > arrow:disabled:active, dnd tab:disabled:checked, tabbar tab:disabled:checked, notebook > header tabs > tab:disabled:checked, notebook > header tabbar tabbox > tabboxchild:disabled:checked, tabbar notebook > header tabbox > tabboxchild:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, dnd tab.flat:not(:hover):not(:active):not(:checked):disabled, tabbar tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; }
@ -291,31 +291,31 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, dnd tab.osd.flat, tabbar tab.osd.flat, notebook > header tabs > tab.osd.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.osd.flat, .osd button.flat, button.osd.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, dnd tab.osd.flat:hover, tabbar tab.osd.flat:hover, notebook > header tabs > tab.osd.flat:hover, notebook > header dnd tab.flat:hover, dnd notebook > header tab.flat:hover, notebook > header tabbar tab.flat:hover, tabbar notebook > header tab.flat:hover, notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header tabbox > tabboxchild.flat:hover, notebook > header > tabs > arrow.osd.flat:hover, .osd button.flat:hover, button.osd.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; }
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); }
dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); }
dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -323,21 +323,21 @@ dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:a
.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; }
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); }
dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); }
dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -345,7 +345,7 @@ dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabl
.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -407,7 +407,7 @@ button.color > colorswatch:only-child, button.color > colorswatch:only-child > o
/* tone down as per new designs, see issue #1473 */
popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { border-color: currentColor; }
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; }
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -451,13 +451,13 @@ spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to
spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(21, 41, 81, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(21, 41, 81, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
@ -483,7 +483,7 @@ spinbutton.vertical > button.down { border-top-style: none; border-top-left-radi
.osd spinbutton.vertical > button:first-child:hover { border-color: currentColor; }
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; }
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd spinbutton.vertical > button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -534,7 +534,7 @@ infobar > revealer > box { padding: 8px; border-spacing: 12px; }
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #666464; background-color: #493d60; }
infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
infobar .close, searchbar .close { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
infobar .close:hover, searchbar .close:hover { border-color: currentColor; }
@ -553,7 +553,7 @@ windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #
windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
windowcontrols button > image { background-color: unset; }
@ -698,7 +698,7 @@ popover.menu box.inline-buttons { padding: 0 12px; }
popover.menu box.inline-buttons button.image-button.model { min-height: 30px; min-width: 30px; padding: 0; outline: none; }
popover.menu box.inline-buttons button.image-button.model:not(:hover):not(:selected):not(:active) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
popover.menu box.inline-buttons button.image-button.model:not(:hover):not(:selected):not(:active) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
popover.menu box.inline-buttons button.image-button.model:selected { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -732,7 +732,7 @@ popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; b
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; }
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
@ -783,7 +783,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -988,7 +988,7 @@ check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; c
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1047,7 +1047,7 @@ scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color
scale > trough > slider:hover { border-color: currentColor; }
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; }
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1057,7 +1057,7 @@ row:selected scale > trough > slider:disabled, row:selected scale > trough > sli
.osd scale > trough > slider:hover { border-color: currentColor; background-color: #203d79; }
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-color: #203d79; }
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
.osd scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
@ -1237,13 +1237,13 @@ listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) >
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
row.activatable:hover { border-color: currentColor; }
:not(button row.activatable):hover { border-color: currentColor; }
row.activatable:active { box-shadow: 0 0 3px 2px #769830; }
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
@ -1616,7 +1616,7 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
.card.activatable:hover { border-color: currentColor; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1642,12 +1642,6 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
@ -1668,6 +1662,14 @@ XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-co
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.top-bar { background-color: #768556; color: #ffffff; }
.top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.top-bar .collapse-spacing { padding: 0; }
.history-view { background-color: #323232; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */

View File

@ -94,6 +94,8 @@ $_default_button_c: $button_bg;
//color: $button_checked_fg;
//background-color: $button_checked_bg;
@include _shadows(shadow(glow, $selected_bg_color));
background-size: 500% 500%;
transition: background-size 0;
//transition: 50ms;
}
@ -185,7 +187,7 @@ $_default_button_c: $button_bg;
//
border-color: transparent;
background-color: transparent;
background-image: none;
//background-image: none; //disabled because we need the image for activated (pushed) animation
@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);

View File

@ -21,19 +21,7 @@ XfdesktopIconView.view:active {
// Nautilus improvements
.nautilus-window {
.top-bar {
background-color: $titlebar_active_bg;
color: $titlebar_active_fg;
&:backdrop {
background-color: $titlebar_backdrop_bg;
color: $titlebar_backdrop_fg;
transition: none;//$backdrop_transition;
}
.collapse-spacing {
padding: 0;
}
}
.nautilus-list-view {
columnview, listview, cell {
margin: 0;
@ -71,6 +59,8 @@ XfdesktopIconView.view:active {
}
}
//headerbars fixes
headerbar {
padding-top: 0;
padding-bottom: 0;
@ -78,8 +68,26 @@ headerbar {
margin-bottom: 0;
}
.top-bar {
background-color: $titlebar_active_bg;
color: $titlebar_active_fg;
&:backdrop {
background-color: $titlebar_backdrop_bg;
color: $titlebar_backdrop_fg;
transition: none;//$backdrop_transition;
}
.collapse-spacing {
padding: 0;
}
}
//Gnome Calculator
.history-view {
background-color: $base_color;
}
windowhandle > box {
padding: 0;
}

View File

@ -7,7 +7,7 @@ row {
&.activatable {
// this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
:not(button &) {
&:hover { @include button(hover); }
&:active { @include button(active); }
@ -19,6 +19,7 @@ row {
}
&:disabled {@include button(disabled);}
}
}
&:selected { @extend %selected_items; }
.nested > & {

View File

@ -585,7 +585,12 @@ button {
border-radius: $button_radius;
transition: $button_transition;
margin: 1px;
background-position: center;
background-repeat: no-repeat;
background-size: 0 0;
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.4), gtkalpha(currentColor, 0.2) 90%, gtkalpha(currentColor, 0));
transition: background-size ease-in 0.2s;
@include button(normal);
@at-root %button_basic_flat,

View File

@ -212,15 +212,15 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):not(:checked):disabled, expander title > arrow.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; }
scrollbar slider:hover, scrollbar slider:focus, expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-effect: highlight; }
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; }
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scrollbar slider:checked, expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -250,7 +250,7 @@ expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-
expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; }
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border: none; }
@ -260,7 +260,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd button:hover { border-color: currentColor; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -268,23 +268,23 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd expander title > arrow.flat, expander .osd title > arrow.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header > tabs > arrow.flat, .osd modelbutton.flat arrow.flat, modelbutton.flat .osd arrow.flat, .osd button.flat { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd expander title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), expander .osd title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat .osd arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd expander title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), expander .osd title > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), modelbutton.flat .osd arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd expander title > arrow.flat:hover, expander .osd title > arrow.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd modelbutton.flat arrow.flat:hover, modelbutton.flat .osd arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd expander title > arrow.flat:disabled, expander .osd title > arrow.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd modelbutton.flat arrow.flat:disabled, modelbutton.flat .osd arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #494949; background-image: none; border-color: transparent; box-shadow: none; }
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
expander title > arrow.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, modelbutton.flat arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
expander title > arrow.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header > tabs > arrow.suggested-action.flat, modelbutton.flat arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; }
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -294,17 +294,17 @@ expander title > arrow.suggested-action:disabled:active, notebook > header tabs
.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
expander title > arrow.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header > tabs > arrow.destructive-action, treeview.view header button.destructive-action, modelbutton.flat arrow.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
expander title > arrow.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, modelbutton.flat arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
expander title > arrow.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header > tabs > arrow.destructive-action.flat, modelbutton.flat arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; }
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -314,7 +314,7 @@ expander title > arrow.destructive-action:disabled:active, notebook > header tab
.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -356,7 +356,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
.inline-toolbar toolbutton > button:hover { border-color: currentColor; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.inline-toolbar toolbutton > button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -401,7 +401,7 @@ list row button.image-button:not(.flat) { border: 1px solid rgba(89, 87, 87, 0.5
list row button.image-button:not(.flat):hover { border-color: currentColor; }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
/********* Links * */
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
@ -441,15 +441,15 @@ spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparen
spinbutton:not(.vertical) button { padding: 0; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(102, 203, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
@ -471,7 +471,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none
.osd spinbutton.vertical button:first-child:hover { border-color: currentColor; }
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; }
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd spinbutton.vertical button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -534,11 +534,11 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-color: currentColor; }
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; }
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #86e4b0; }
@ -548,7 +548,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #86e4b0; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -558,7 +558,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-color: currentColor; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border-color: #86e4b0; }
@ -695,7 +695,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { color: #EDF0F5; background
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; }
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
@ -711,7 +711,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color:
menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; }
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
@ -783,7 +783,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -926,7 +926,7 @@ check:backdrop, radio:backdrop { transition: 200ms ease-out; }
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -997,7 +997,7 @@ scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #EDF0F5;
scale slider:hover { border-color: currentColor; }
scale slider:active { box-shadow: 0 0 3px 2px #769830; }
scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1007,7 +1007,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #1
.osd scale slider:hover { border-color: currentColor; background-color: #66cbec; }
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-color: #203d79; }
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
.osd scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
@ -1171,13 +1171,13 @@ list row { padding: 2px; }
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
row.activatable:hover { border-color: currentColor; }
:not(button row.activatable):hover { border-color: currentColor; }
row.activatable:active { box-shadow: 0 0 3px 2px #769830; }
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
@ -1337,7 +1337,7 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.er
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { border-color: currentColor; }
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; }
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1465,7 +1465,7 @@ button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #924
button.titlebutton.close:not(:backdrop):hover { border-color: currentColor; }
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
@ -1559,12 +1559,6 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
@ -1585,6 +1579,14 @@ XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-co
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.top-bar { background-color: #768556; color: #ffffff; }
.top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.top-bar .collapse-spacing { padding: 0; }
.history-view { background-color: #323232; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */

View File

@ -498,6 +498,12 @@ button {
border-radius: $button_radius;
transition: $button_transition;
margin: 1px;
background-position: center;
background-repeat: no-repeat;
background-size: 0 0;
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.4), gtkalpha(currentColor, 0.2) 90%, gtkalpha(currentColor, 0));
transition: background-size ease-in 0.2s;
@include button(normal);

View File

@ -249,11 +249,11 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; }
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -261,7 +261,7 @@ scrollbar > range > trough > slider:disabled, dnd tab:disabled, tabbar tab:disab
scrollbar > range > trough > slider:disabled:active, scrollbar > range > trough > slider:disabled:checked, dnd tab:disabled:active, tabbar tab:disabled:active, notebook > header tabs > tab:disabled:active, notebook > header tabbar tabbox > tabboxchild:disabled:active, tabbar notebook > header tabbox > tabboxchild:disabled:active, notebook > header > tabs > arrow:disabled:active, dnd tab:disabled:checked, tabbar tab:disabled:checked, notebook > header tabs > tab:disabled:checked, notebook > header tabbar tabbox > tabboxchild:disabled:checked, tabbar notebook > header tabbox > tabboxchild:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #7b7b7b; background-color: #525944; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked), dnd tab.flat:not(:hover):not(:active):not(:checked), tabbar tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
button.sidebar-button:disabled, .toolbar > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:disabled:not(:hover):not(:active):not(:checked):not(:disabled), scrollbar > range > trough > slider.flat:not(:hover):not(:active):not(:checked):disabled, dnd tab.flat:not(:hover):not(:active):not(:checked):disabled, tabbar tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):disabled, notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):disabled, button.flat:not(:hover):not(:active):not(:checked):disabled { background-color: #494949; }
@ -291,31 +291,31 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, dnd tab.osd.flat, tabbar tab.osd.flat, notebook > header tabs > tab.osd.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.osd.flat, .osd button.flat, button.osd.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, dnd tab.osd.flat:hover, tabbar tab.osd.flat:hover, notebook > header tabs > tab.osd.flat:hover, notebook > header dnd tab.flat:hover, dnd notebook > header tab.flat:hover, notebook > header tabbar tab.flat:hover, tabbar notebook > header tab.flat:hover, notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header tabbox > tabboxchild.flat:hover, notebook > header > tabs > arrow.osd.flat:hover, .osd button.flat:hover, button.osd.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > header tabs > tab.suggested-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.suggested-action.flat, button.suggested-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #33d17a; }
dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; }
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); }
dnd tab.suggested-action.flat:disabled, tabbar tab.suggested-action.flat:disabled, notebook > header tabs > tab.suggested-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:disabled, button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(51, 209, 122, 0.8); }
dnd tab.suggested-action:disabled, tabbar tab.suggested-action:disabled, notebook > header tabs > tab.suggested-action:disabled, notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -323,21 +323,21 @@ dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:a
.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action, tabbar tab.destructive-action, notebook > header tabs > tab.destructive-action, notebook > header tabbar tabbox > tabboxchild.destructive-action, tabbar notebook > header tabbox > tabboxchild.destructive-action, notebook > header > tabs > arrow.destructive-action, columnview.view > header > button.destructive-action, treeview.view > header > button.destructive-action, button.destructive-action { color: white; background-color: #CC0000; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook > header tabs > tab.destructive-action.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.destructive-action.flat, button.destructive-action.flat { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #CC0000; }
dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; }
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); }
dnd tab.destructive-action.flat:disabled, tabbar tab.destructive-action.flat:disabled, notebook > header tabs > tab.destructive-action.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:disabled, button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); }
dnd tab.destructive-action:disabled, tabbar tab.destructive-action:disabled, notebook > header tabs > tab.destructive-action:disabled, notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -345,7 +345,7 @@ dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabl
.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; }
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -407,7 +407,7 @@ button.color > colorswatch:only-child, button.color > colorswatch:only-child > o
/* tone down as per new designs, see issue #1473 */
popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { border-color: currentColor; }
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; }
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -451,13 +451,13 @@ spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to
spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { padding: 0; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-style: none none none solid; border-color: rgba(102, 203, 236, 0.7); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(21, 41, 81, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #66cbec; border-color: rgba(102, 203, 236, 0.5); background-color: rgba(21, 41, 81, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4384b3; border-color: rgba(102, 203, 236, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 3px 3px 0; }
@ -483,7 +483,7 @@ spinbutton.vertical > button.down { border-top-style: none; border-top-left-radi
.osd spinbutton.vertical > button:first-child:hover { border-color: currentColor; }
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; }
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd spinbutton.vertical > button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -534,7 +534,7 @@ infobar > revealer > box { padding: 8px; border-spacing: 12px; }
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #666464; background-color: #493d60; }
infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
infobar .close, searchbar .close { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
infobar .close:hover, searchbar .close:hover { border-color: currentColor; }
@ -553,7 +553,7 @@ windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #
windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; }
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
windowcontrols button > image { background-color: unset; }
@ -698,7 +698,7 @@ popover.menu box.inline-buttons { padding: 0 12px; }
popover.menu box.inline-buttons button.image-button.model { min-height: 30px; min-width: 30px; padding: 0; outline: none; }
popover.menu box.inline-buttons button.image-button.model:not(:hover):not(:selected):not(:active) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
popover.menu box.inline-buttons button.image-button.model:not(:hover):not(:selected):not(:active) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
popover.menu box.inline-buttons button.image-button.model:selected { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -732,7 +732,7 @@ popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; b
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; }
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
@ -783,7 +783,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; }
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -988,7 +988,7 @@ check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; c
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; }
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1047,7 +1047,7 @@ scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color
scale > trough > slider:hover { border-color: currentColor; }
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; }
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1057,7 +1057,7 @@ row:selected scale > trough > slider:disabled, row:selected scale > trough > sli
.osd scale > trough > slider:hover { border-color: currentColor; background-color: #203d79; }
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-color: #203d79; }
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
.osd scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
@ -1237,13 +1237,13 @@ listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) >
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
row.activatable:hover { border-color: currentColor; }
:not(button row.activatable):hover { border-color: currentColor; }
row.activatable:active { box-shadow: 0 0 3px 2px #769830; }
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
@ -1616,7 +1616,7 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
.card.activatable:hover { border-color: currentColor; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
@ -1642,12 +1642,6 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
@ -1668,6 +1662,14 @@ XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-co
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.top-bar { background-color: #768556; color: #ffffff; }
.top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.top-bar .collapse-spacing { padding: 0; }
.history-view { background-color: #323232; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */