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
2024-11-07 16:35:31 +00:00
parent 7ff0ad44b3
commit adb12cc0f4
1 changed files with 7 additions and 0 deletions
--- a/browser/themes/shared/tabbrowser/tabs.css
+++ b/browser/themes/shared/tabbrowser/tabs.css
@@ -532,6 +532,13 @@
    &:hover:active {
      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(