Convert and add fallbacks for --toolbarbutton-{hover/active}-background

This commit is contained in:
MrOtherGuy
2026-05-24 11:02:28 +03:00
parent 64245da882
commit 4f47bb1866
5 changed files with 6 additions and 5 deletions
+1 -1
View File
@@ -61,7 +61,7 @@ findbar > .findbar-container{
} }
.findbar-closebutton > image{ padding: 3px } .findbar-closebutton > image{ padding: 3px }
.findbar-closebutton:hover > image{ .findbar-closebutton:hover > image{
background: var(--toolbarbutton-hover-background) !important; background: var(--toolbarbutton-background-color-hover,var(--toolbarbutton-hover-background)) !important;
border-radius: 4px border-radius: 4px
} }
findbar > .findbar-container > hbox{ margin: 0 5px } findbar > .findbar-container > hbox{ margin: 0 5px }
+1
View File
@@ -17,6 +17,7 @@ See the above repository for updates as well as full license text. */
z-index: 3; z-index: 3;
color: var(--urlbar-box-hover-text-color) !important; color: var(--urlbar-box-hover-text-color) !important;
--toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor); --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{ #urlbar-container + #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon{
+1 -1
View File
@@ -26,7 +26,7 @@ See the above repository for updates as well as full license text. */
border-color: transparent !important; border-color: transparent !important;
} }
:root:not([customizing]) #urlbar:not(:focus-within):hover > :is(#urlbar-background,.urlbar-background){ :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) #page-action-buttons,
#urlbar:not(:focus-within) #identity-box, #urlbar:not(:focus-within) #identity-box,
+1 -1
View File
@@ -8,7 +8,7 @@ toolbar .toolbarbutton-1[label]{
align-items: center !important; 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-icon,
toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{ toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
+2 -2
View File
@@ -79,10 +79,10 @@ See the above repository for updates as well as full license text. */
border-radius: var(--tab-border-radius); border-radius: var(--tab-border-radius);
} }
#tabs-newtab-button:hover{ #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{ #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{ #TabsToolbar > .titlebar-buttonbox-container{
position: absolute; position: absolute;