Hm,
damit * sieht es hier so ** aus.
*
CSS
.tabbrowser-tab:not([pinned="true"])[soundplaying="true"] .tab-icon-overlay {
opacity: 1.0 !important;
fill: #F00 !important;
fill-opacity: 1.0 !important;
border-radius: 0 !important;
background: #FFF !important;
margin-left: 18px !important;
}
.tabbrowser-tab:not([pinned="true"])[muted="true"] .tab-icon-overlay {
opacity: 1.0 !important;
fill: #2664EA !important;
fill-opacity: 1.0 !important;
border-radius: 0 !important;
background: #FFF !important;
margin-left: 18px !important;
}
#main-window[uidensity="compact"] .tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image,
#main-window:not([uidensity="compact"]) .tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image {
background-color: #FFF !important;
}
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
opacity: 1.0 !important;
}
Alles anzeigen
**