diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index 4b0caf7..4269124 100644
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -212,7 +212,9 @@ 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; 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); }
+row, scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
+
+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); }
 
 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; }
 
@@ -220,7 +222,7 @@ button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):n
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +252,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; background-size: 500% 500%; transition: background-size 0; 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 { 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 +262,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -276,7 +278,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
 
 .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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -284,7 +286,7 @@ expander title > arrow.suggested-action.flat, notebook > header tabs > tab.sugge
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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,7 +296,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -304,7 +306,7 @@ expander title > arrow.destructive-action.flat, notebook > header tabs > tab.des
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +316,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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 +358,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; background-size: 500% 500%; transition: background-size 0; }
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { 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 +403,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; background-size: 500% 500%; transition: background-size 0; }
+list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { background-size: 500% 500%; transition: background-size 0; }
 
 /********* Links * */
 button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
@@ -471,7 +473,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; background-size: 500% 500%; transition: background-size 0; }
+.osd spinbutton.vertical button:first-child:active { 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); }
 
@@ -538,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
 
 .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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; }
 
@@ -558,7 +560,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; background-size: 500% 500%; transition: background-size 0; 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 { 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 +697,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; background-size: 500% 500%; transition: background-size 0; }
+menubar > menuitem:active, .menubar > menuitem:active { background-size: 500% 500%; transition: background-size 0; }
 
 menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
 
@@ -711,7 +713,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; background-size: 500% 500%; transition: background-size 0; }
+menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { 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 +785,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; background-size: 500% 500%; transition: background-size 0; }
+notebook > header > tabs > arrow:active { 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 +928,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; background-size: 500% 500%; transition: background-size 0; }
+.osd check:active, .osd radio:active { 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 +999,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; background-size: 500% 500%; transition: background-size 0; }
+scale slider:active { 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 +1009,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-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
+.osd scale slider:active { 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,16 +1173,18 @@ list row { padding: 2px; }
 
 row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
 
-:not(button row.activatable):hover { border-color: currentColor; }
-
-:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
-
-: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); }
-
-: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); }
 
+row.activatable:hover { border-color: currentColor; }
+
+row.activatable:active { 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); }
+
+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); }
+
+button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
+
 /********************* App Notifications * */
 .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
 
@@ -1337,7 +1341,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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +1469,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; background-size: 500% 500%; transition: background-size 0; }
+button.titlebutton.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
 
 button.titlebutton:backdrop { -gtk-icon-shadow: none; }
 
diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
index 170ad4a..8b1128a 100644
--- a/gtk-4.0/gtk.css
+++ b/gtk-4.0/gtk.css
@@ -249,11 +249,13 @@ 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; 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); }
+row, 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 { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
+
+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: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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -291,7 +293,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -303,7 +305,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
 
 .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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -311,7 +313,7 @@ dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > head
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -323,7 +325,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -333,7 +335,7 @@ dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook >
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -345,7 +347,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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 +409,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; background-size: 500% 500%; transition: background-size 0; }
+popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { 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); }
 
@@ -483,7 +485,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; background-size: 500% 500%; transition: background-size 0; }
+.osd spinbutton.vertical > button:first-child:active { 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); }
 
@@ -553,7 +555,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; background-size: 500% 500%; transition: background-size 0; }
+windowcontrols button.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
 
 windowcontrols button > image { background-color: unset; }
 
@@ -732,7 +734,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; background-size: 500% 500%; transition: background-size 0; }
+popover.menu modelbutton:active { background-size: 500% 500%; transition: background-size 0; }
 
 popover.menu label.title { font-weight: bold; padding: 4px 32px; }
 
@@ -783,7 +785,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; background-size: 500% 500%; transition: background-size 0; }
+notebook > header > tabs > arrow:active { 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 +990,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; background-size: 500% 500%; transition: background-size 0; }
+.osd check:active, .osd radio:active { 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 +1049,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; background-size: 500% 500%; transition: background-size 0; }
+scale > trough > slider:active { 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 +1059,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-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
+.osd scale > trough > slider:active { 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,16 +1239,18 @@ 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; }
 
-:not(button row.activatable):hover { border-color: currentColor; }
-
-:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
-
-: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); }
-
-: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); }
 
+row.activatable:hover { border-color: currentColor; }
+
+row.activatable:active { 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); }
+
+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); }
+
+button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
+
 columnview > listview > row { padding: 0; }
 
 columnview > listview > row > cell { padding: 8px 6px; }
@@ -1616,7 +1620,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; background-size: 500% 500%; transition: background-size 0; }
+.card.activatable:active { 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); }
 
diff --git a/source/common/buttons.scss b/source/common/buttons.scss
index b7df786..583b6c3 100644
--- a/source/common/buttons.scss
+++ b/source/common/buttons.scss
@@ -93,7 +93,7 @@ $_default_button_c: $button_bg;
 	  //
 	  //color: $button_checked_fg;
 	  //background-color: $button_checked_bg;
-	  @include _shadows(shadow(glow, $selected_bg_color));
+	  //@include _shadows(shadow(glow, $selected_bg_color));
 	  background-size: 500% 500%;
 	  transition: background-size 0;
 	  //transition: 50ms;
diff --git a/source/common/row.scss b/source/common/row.scss
index 9ddd856..b921417 100644
--- a/source/common/row.scss
+++ b/source/common/row.scss
@@ -1,28 +1,40 @@
 row {
-  transition: all 500ms $ease-out-quad;
-  border: 1px solid transparent;
-  //&:hover { transition: none; }
+	transition: all 500ms $ease-out-quad;
+	border: 1px solid transparent;
+	//&:hover { transition: none; }
+	@extend %click-animation;
+	//&:backdrop { transition: $backdrop_transition; }
+	&:selected { @extend %selected_items; }
+		.nested > & {
+		background-color: transparentize(if($variant == 'light', black, white), 0.9);
+	}
+	&.activatable {
+	 // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
+			&:hover { @include button(hover); }
 
-  //&:backdrop { transition: $backdrop_transition; }
+			&:active { @include button(active); }
 
-  &.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); }
+			//&:backdrop:hover { background-color: transparent; }
 
-    &:active { @include button(active); }
-
-    //&:backdrop:hover { background-color: transparent; }
-
-    &:selected, &.has-open-popup {
-      @include button(checked);
-    }
-    &:disabled {@include button(disabled);}
-  }
-  }
-
-  &:selected { @extend %selected_items; }
-  .nested > & {
-    background-color: transparentize(if($variant == 'light', black, white), 0.9);
-  }
+			&:selected, &.has-open-popup {
+			  @include button(checked);
+			}
+			&:disabled {@include button(disabled);}
+	}
+	
 }
+
+button row.activatable {
+	&, &:hover, &:active, &:selected, &.has-open-popup {
+		background-image: none;
+		background-color: transparent;
+		box-shadow: none;
+		border-color: transparent;
+	}
+}
+
+	
+
+
+  
+
diff --git a/source/gtk3/_common.scss b/source/gtk3/_common.scss
index 8b6203e..eb44506 100644
--- a/source/gtk3/_common.scss
+++ b/source/gtk3/_common.scss
@@ -574,6 +574,14 @@ treeview entry {
   }
 }
 
+%click-animation {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 0 0;
+	background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0.1) 90%, gtkalpha(currentColor, 0));
+	transition: background-size ease-in 0.1s;
+}
+
 %button,
 button {
   @at-root %button_basic, & {
@@ -585,11 +593,7 @@ 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;
+	@extend %click-animation;
 	
     @include button(normal);
 
diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css
index 4b0caf7..4269124 100644
--- a/source/gtk3/gtk-new.css
+++ b/source/gtk3/gtk-new.css
@@ -212,7 +212,9 @@ 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; 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); }
+row, scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
+
+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); }
 
 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; }
 
@@ -220,7 +222,7 @@ button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):n
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +252,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; background-size: 500% 500%; transition: background-size 0; 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 { 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 +262,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -276,7 +278,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
 
 .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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -284,7 +286,7 @@ expander title > arrow.suggested-action.flat, notebook > header tabs > tab.sugge
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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,7 +296,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -304,7 +306,7 @@ expander title > arrow.destructive-action.flat, notebook > header tabs > tab.des
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +316,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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 +358,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; background-size: 500% 500%; transition: background-size 0; }
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { 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 +403,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; background-size: 500% 500%; transition: background-size 0; }
+list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { background-size: 500% 500%; transition: background-size 0; }
 
 /********* Links * */
 button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
@@ -471,7 +473,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; background-size: 500% 500%; transition: background-size 0; }
+.osd spinbutton.vertical button:first-child:active { 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); }
 
@@ -538,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
 
 .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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; }
 
@@ -558,7 +560,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; background-size: 500% 500%; transition: background-size 0; 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 { 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 +697,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; background-size: 500% 500%; transition: background-size 0; }
+menubar > menuitem:active, .menubar > menuitem:active { background-size: 500% 500%; transition: background-size 0; }
 
 menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
 
@@ -711,7 +713,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; background-size: 500% 500%; transition: background-size 0; }
+menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { 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 +785,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; background-size: 500% 500%; transition: background-size 0; }
+notebook > header > tabs > arrow:active { 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 +928,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; background-size: 500% 500%; transition: background-size 0; }
+.osd check:active, .osd radio:active { 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 +999,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; background-size: 500% 500%; transition: background-size 0; }
+scale slider:active { 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 +1009,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-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
+.osd scale slider:active { 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,16 +1173,18 @@ list row { padding: 2px; }
 
 row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
 
-:not(button row.activatable):hover { border-color: currentColor; }
-
-:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
-
-: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); }
-
-: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); }
 
+row.activatable:hover { border-color: currentColor; }
+
+row.activatable:active { 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); }
+
+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); }
+
+button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
+
 /********************* App Notifications * */
 .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
 
@@ -1337,7 +1341,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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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 +1469,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; background-size: 500% 500%; transition: background-size 0; }
+button.titlebutton.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
 
 button.titlebutton:backdrop { -gtk-icon-shadow: none; }
 
diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss
index 4f2e10d..6f78a12 100644
--- a/source/gtk4/_common.scss
+++ b/source/gtk4/_common.scss
@@ -487,6 +487,14 @@ editablelabel > stack > text {
   to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
 }
 
+%click-animation {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 0 0;
+	background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0.1) 90%, gtkalpha(currentColor, 0));
+	transition: background-size ease-in 0.1s;
+}
+
 %button,
 button {
   @at-root %button_basic, & {
@@ -498,12 +506,9 @@ button {
     border-radius: $button_radius;
     transition: $button_transition;
     margin: 1px;
+    @extend %click-animation;
+    
     
-    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);
 
diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css
index 170ad4a..8b1128a 100644
--- a/source/gtk4/gtk-new.css
+++ b/source/gtk4/gtk-new.css
@@ -249,11 +249,13 @@ 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; 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); }
+row, 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 { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
+
+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: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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -291,7 +293,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -303,7 +305,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
 
 .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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -311,7 +313,7 @@ dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > head
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -323,7 +325,7 @@ 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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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); }
 
@@ -333,7 +335,7 @@ dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook >
 
 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; background-size: 500% 500%; transition: background-size 0; }
+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 { 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); }
 
@@ -345,7 +347,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; background-size: 500% 500%; transition: background-size 0; }
+.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 { 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 +409,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; background-size: 500% 500%; transition: background-size 0; }
+popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { 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); }
 
@@ -483,7 +485,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; background-size: 500% 500%; transition: background-size 0; }
+.osd spinbutton.vertical > button:first-child:active { 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); }
 
@@ -553,7 +555,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; background-size: 500% 500%; transition: background-size 0; }
+windowcontrols button.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
 
 windowcontrols button > image { background-color: unset; }
 
@@ -732,7 +734,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; background-size: 500% 500%; transition: background-size 0; }
+popover.menu modelbutton:active { background-size: 500% 500%; transition: background-size 0; }
 
 popover.menu label.title { font-weight: bold; padding: 4px 32px; }
 
@@ -783,7 +785,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; background-size: 500% 500%; transition: background-size 0; }
+notebook > header > tabs > arrow:active { 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 +990,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; background-size: 500% 500%; transition: background-size 0; }
+.osd check:active, .osd radio:active { 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 +1049,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; background-size: 500% 500%; transition: background-size 0; }
+scale > trough > slider:active { 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 +1059,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-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
+.osd scale > trough > slider:active { 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,16 +1239,18 @@ 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; }
 
-:not(button row.activatable):hover { border-color: currentColor; }
-
-:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
-
-: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); }
-
-: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); }
 
+row.activatable:hover { border-color: currentColor; }
+
+row.activatable:active { 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); }
+
+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); }
+
+button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
+
 columnview > listview > row { padding: 0; }
 
 columnview > listview > row > cell { padding: 8px 6px; }
@@ -1616,7 +1620,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; background-size: 500% 500%; transition: background-size 0; }
+.card.activatable:active { 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); }