Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I use the "Mute Tab" extension to mute all new tabs by default, but the mute icon is annoyingly visible. Can I add a style to make it transparent?

  • 1 reply
  • 1 has this problem
  • 8 views
  • Last reply by cor-el

more options

I know there must be some userChrome.css stuff and a way to modify the icon but I can't find any resource about how to do that.

Attached screenshots

All Replies (1)

more options

You can set the opacity to '0' or to a low value like '.1' to make you aware of its presence.

This is the full selector currently used with opacity: .8

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tab-icon-sound[pictureinpicture]:not(:hover), .tab-icon-sound[soundplaying]:not(:hover), .tab-icon-sound[muted]:not(:hover), .tab-icon-sound[activemedia-blocked]:not(:hover) {
 opacity: 0 !important;
}