Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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
  • 4 views
  • Last reply by cor-el

Simon
Simon
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.

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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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;
}