Bug 1929345 - Update sound specific hover states on horizontal tabs to improve readability r=sidebar-reviewers,desktop-theme-reviewers,kcochrane,mconley

* Needed to account for the reverse icon/background colors made in this same bug so this changes it only for sound playing, muted, activemedia-blocked

Differential Revision: https://phabricator.services.mozilla.com/D228318
This commit is contained in:
Sarah Clements
2024-11-07 16:35:31 +00:00
parent 7ff0ad44b3
commit adb12cc0f4

View File

@@ -532,6 +532,13 @@
&:hover:active { &:hover:active {
background-color: color-mix(in srgb, currentColor 30%, transparent); background-color: color-mix(in srgb, currentColor 30%, transparent);
} }
&:is([soundplaying], [muted], [activemedia-blocked]) {
&:hover,
&:hover:active {
background-color: color-mix(in srgb, currentColor 50%, transparent);
}
}
} }
:is( :is(