legacy/fx109-127/css/tabs/tab_audio_icon_colorized.css
/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


.tab-icon-overlay[soundplaying] {
  fill: #058B00 !important;/* var(--green-70) */
}
.tab-icon-overlay[muted] {
  fill: #D70022 !important;/* var(--red-60) */
}
.tab-icon-overlay[activemedia-blocked] {
  fill: #FFE900 !important;/* var(--yellow-50) */
}

:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) .tab-icon-overlay[soundplaying] {
  fill: lightgreen !important;
}
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) .tab-icon-overlay[muted] {
  fill: #ff5a5a !important;
}
:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) .tab-icon-overlay[activemedia-blocked] {
  fill: orange !important;
}

@media (-moz-content-prefers-color-scheme: dark) {
	:root[lwtheme]:not([style*='--lwt-header-image']) .tab-icon-overlay[soundplaying] {
	  fill: lightgreen !important;
	}
	:root[lwtheme]:not([style*='--lwt-header-image']) .tab-icon-overlay[muted] {
	  fill: #ff5a5a !important;
	}
	:root[lwtheme]:not([style*='--lwt-header-image']) .tab-icon-overlay[activemedia-blocked] {
	  fill: orange !important;
	}
}
