theme-store/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/chrome.css

43 lines
1.2 KiB
CSS

#tabbrowser-tabs[orient="vertical"]
.tabbrowser-tab
.tab-icon-overlay:not([crashed]) {
&:is([soundplaying], [muted], [activemedia-blocked]) {
background-color: #161717 !important;
border: 1px solid #ffffff29 !important;
transition:
transform 100ms ease-in-out,
background-color 100ms ease-in-out;
&:hover {
transition:
transform 100ms ease-in-out,
background-color 100ms ease-in-out !important;
transform: scale(1.3) translate(-8%, 14%);
transform-origin: center !important;
}
}
&[muted] {
/* Different background color when muted */
background-color: rgb(122, 31, 31) !important;
/* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
}
&[soundplaying] {
/* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
}
&[activemedia-blocked] {
/* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important;
}
/* Revert new, zen's audio indicator */
&[muted],
&[soundplaying] {
list-style-image: none !important;
}
}