Skip to content

Instantly share code, notes, and snippets.

@dogancelik

dogancelik/muted.css

Created March 12, 2025 20:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dogancelik/64c8a7cd8560fe522b98f89b7f75b4b2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dogancelik/64c8a7cd8560fe522b98f89b7f75b4b2 to your computer and use it in GitHub Desktop.
Download ZIP
Better muted tab indicators for Firefox
Raw
muted.css
/* after Firefox v136 */
.tabbrowser-tab[pinned],
.tab-audio-button {
border-radius: var(--button-border-radius);
&:not([crashed]) {
&:is([muted]) {
background-color: light-dark(#ff000055, #80000055) !important;
}
&:not([muted]) {
background-color: light-dark(#00ff0055, #00800055) !important;
}
}
}
/* before Firefox v136 */
.tab-icon-overlay {
&:not([crashed]) {
&:is([muted]) {
background-color: darkred !important;
}
&:not([muted]) {
background-color: darkgreen !important;
}
}
}
@dogancelik
Copy link
Author

dogancelik commented Mar 12, 2025 •
edited
Loading

How to install

  1. Put muted.css in chrome folder inside Firefox profile directory
  2. Go to about:config
  3. Set toolkit.legacyUserProfileCustomizations.stylesheets to true
  4. Restart browser

Preview (v136)

image
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment