2

I use an extension to automatically mute all Firefox tabs until I manually unmute them, so most of the time, almost all of my tabs are muted. I also often have a dozen or more tabs open, so there is not room for their complete titles.

Firefox used to indicate that tabs are muted with the word "Muted" in small letters below the favicon and title, thus taking up no extra screen space, but a recent update changed it to a muted speaker icon next to the favicon, taking up a significant amount of space - almost as much as the favicon itself, further limiting the amount of title text visible when I have a lot of tabs open. I understand why this change was made - I'm sure the new design is more accessible for visually-impaired users, but for my particular use case, it is somewhat inconvenient.

Is it possible to restore something similar to the old behavior, or even hide the indicator altogether? A setting would be ideal, but I would also be fine with installing an add-on or manually editing a CSS file somewhere.

I am running Firefox 136 on Linux Mint.

Destroy666
  • 12,350
kj7rrv
  • 207

1 Answers1

0

To disable the new icon, edit userChrome.css (adjust folder for Linux) with the following CSS:

.tab-audio-button {
  display: none !important;
}

To add a "Muted" label to the favicon, add something like:

.tab-icon-image[muted] {
  padding-right: 0.5rem;
}

.tab-icon-stack[muted]::after {
  content: 'Muted';
  font-size: 0.5rem;
}

Effect:

Muted below icon

[muted] ensures that there's empty attribute assigned only to muted tabs.

If you want to instead have it below both favicon and title, you could edit .tabbrowser-tab instead with similar tricks, although it'll need more positioning tinkering.

Destroy666
  • 12,350