Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-27 06:43:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1930840 - Revert to pre-bug 1917588 toolbarbutton colors. r=desktop-theme-reviewers,emilio

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D229133
This commit is contained in:
Dão Gottwald 2024-11-15 14:38:58 +00:00
parent 2d57792e2a
commit 1d14062f29
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
browser/themes/shared/toolbarbuttons.css
View File

@ -9,8 +9,8 @@
--toolbarbutton-outer-padding: 2px;
--toolbarbutton-inner-padding: 8px;
--toolbarbutton-hover-background: var(--button-background-color-hover);
--toolbarbutton-active-background: var(--button-background-color-active);
--toolbarbutton-hover-background: color-mix(in srgb, currentColor 17%, transparent);
--toolbarbutton-active-background: color-mix(in srgb, currentColor 30%, transparent);
--toolbarbutton-outline-color: transparent;
--toolbarbutton-hover-outline-color: transparent;
--toolbarbutton-active-outline-color: transparent;
@ -128,15 +128,13 @@ toolbar .toolbarbutton-1 {
outline-color: var(--toolbarbutton-hover-outline-color);
}
&:hover:active > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack) {
&:is(:hover:active, [open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack) {
background-color: var(--toolbarbutton-active-background);
color: inherit;
outline-color: var(--toolbarbutton-active-outline-color);
}
&:is([open], [checked]) > :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack) {
background-color: var(--toolbarbutton-active-background);
color: inherit;
outline-color: var(--toolbarbutton-selected-outline-color);
}
}