From 4f47bb1866f867bbdb3603f21762d5355a61e415 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 24 May 2026 11:02:28 +0300
Subject: [PATCH] Convert and add fallbacks for
 --toolbarbutton-{hover/active}-background

---
 chrome/floating_findbar_on_top.css   | 2 +-
 chrome/reload_button_in_urlbar.css   | 1 +
 chrome/show_urlbar_button.css        | 2 +-
 chrome/toolbarbuttons_icon+label.css | 2 +-
 chrome/vertical_tabs.css             | 4 ++--
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css
index 9df103a..9db3a3e 100644
--- a/chrome/floating_findbar_on_top.css
+++ b/chrome/floating_findbar_on_top.css
@@ -61,7 +61,7 @@ findbar > .findbar-container{
 }
 .findbar-closebutton > image{ padding: 3px }
 .findbar-closebutton:hover > image{
-  background: var(--toolbarbutton-hover-background) !important;
+  background: var(--toolbarbutton-background-color-hover,var(--toolbarbutton-hover-background)) !important;
   border-radius: 4px
 }
 findbar > .findbar-container > hbox{ margin: 0 5px }
diff --git a/chrome/reload_button_in_urlbar.css b/chrome/reload_button_in_urlbar.css
index d12cef1..c26e753 100644
--- a/chrome/reload_button_in_urlbar.css
+++ b/chrome/reload_button_in_urlbar.css
@@ -17,6 +17,7 @@ See the above repository for updates as well as full license text. */
   z-index: 3;
   color:  var(--urlbar-box-hover-text-color) !important;
   --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);
+  --toolbarbutton-background-color-hover: var(--urlbar-box-hover-bgcolor);
 }
 
 #urlbar-container + #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon{
diff --git a/chrome/show_urlbar_button.css b/chrome/show_urlbar_button.css
index 26be4dc..ccdbdaf 100644
--- a/chrome/show_urlbar_button.css
+++ b/chrome/show_urlbar_button.css
@@ -26,7 +26,7 @@ See the above repository for updates as well as full license text. */
   border-color: transparent !important;
 }
 :root:not([customizing]) #urlbar:not(:focus-within):hover > :is(#urlbar-background,.urlbar-background){
-  background: var(--toolbarbutton-hover-background) !important;
+  background: var(--toolbarbutton-background-color-hover,var(--toolbarbutton-hover-background)) !important;
 }
 #urlbar:not(:focus-within) #page-action-buttons,
 #urlbar:not(:focus-within) #identity-box,
diff --git a/chrome/toolbarbuttons_icon+label.css b/chrome/toolbarbuttons_icon+label.css
index b322944..f8aad85 100644
--- a/chrome/toolbarbuttons_icon+label.css
+++ b/chrome/toolbarbuttons_icon+label.css
@@ -8,7 +8,7 @@ toolbar .toolbarbutton-1[label]{
   align-items: center !important;
 }
 
-toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
+toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-background-color-hover,var(--toolbarbutton-hover-background)) !important; }
 
 toolbar .toolbarbutton-1[label] > .toolbarbutton-icon,
 toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
diff --git a/chrome/vertical_tabs.css b/chrome/vertical_tabs.css
index daae7b8..59f2344 100644
--- a/chrome/vertical_tabs.css
+++ b/chrome/vertical_tabs.css
@@ -79,10 +79,10 @@ See the above repository for updates as well as full license text. */
   border-radius: var(--tab-border-radius);
 }
 #tabs-newtab-button:hover{
-  background-color: var(--toolbarbutton-hover-background) !important;
+  background-color: var(--toolbarbutton-background-color-hover,var(--toolbarbutton-hover-background)) !important;
 }
 #tabs-newtab-button:hover:active{
-  background-color: var(--toolbarbutton-active-background) !important;
+  background-color: var(--toolbarbutton-background-color-active,var(--toolbarbutton-active-background)) !important;
 }
 #TabsToolbar > .titlebar-buttonbox-container{
   position: absolute;