mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 00:45:30 +02:00
43 lines
1.2 KiB
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;
|
|
}
|
|
}
|