Match styling of sound-playing/muted button to Firefox 136 and later #…

…3710
piroor · Feb 21, 2025 · 2d03f65 · 2d03f65
1 parent 032686e
commit 2d03f65
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 13 deletions.
diff --git a/webextensions/sidebar/styles/icons/audio-16-mute.svg b/webextensions/sidebar/styles/icons/audio-16-mute.svg
diff --git a/webextensions/sidebar/styles/icons/audio-16.svg b/webextensions/sidebar/styles/icons/audio-16.svg
diff --git a/webextensions/sidebar/styles/sound-button.css b/webextensions/sidebar/styles/sound-button.css
@@ -28,7 +28,7 @@ tab-sound-button {
 
 /* background circle */
 tab-sound-button::before {
-  background: var(--tab-text);
+  background: var(--tab-text-inverted);
   border-radius: 150%;
   content: "";
   display: inline-block;
@@ -51,15 +51,15 @@ tab-sound-button::after {
   background: none no-repeat center / 100%;
   content: "";
   display: inline-block;
-  fill: var(--tab-text-inverted);
+  fill: var(--tab-text);
   height: var(--sound-button-size);
   inset-inline-end: 0;
   position: absolute;
   top: 0;
   width: var(--sound-button-size);
 }
 :root.simulate-svg-context-fill tab-sound-button::after {
-  background: var(--tab-text-inverted);
+  background: var(--tab-text);
   mask-position: center;
   mask-repeat: no-repeat;
   mask-size: 100%;