ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-07 08:55:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

Minor tweaks to sound icon sizing; hid new default sound icon

Browse source
This commit is contained in:
jvabn 2025-05-03 13:19:25 -07:00 • committed by GitHub
parent 2e27bdad86
commit 64185571b6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
themes/5c4d7772-d963-4672-ab03-e9d541438881/chrome.css
View file

@ -1,10 +1,15 @@
:root {
--bmb-sound-icon-scale: 1.5;
--bmb-sound-icon-scale-essentials: 1.28;
--bmb-sound-icon-scale-essentials: 1.26;
--bmb-sound-icon-scale-glance: 1.15;
}
/* ================== General ================== */
/* Hide firefox sound button */
.tab-audio-button {
display: none !important;
}
/* Tab icon overlay styles */
.tab-icon-overlay {
border: none !important;
@ -12,7 +17,7 @@
background-color: transparent !important;
transition: 0.2s;
&:is([soundplaying], [muted], [activemedia-blocked]):not([selected]) {
&:is([soundplaying], [muted], [activemedia-blocked]) {
display: block !important;
}
}
@ -58,7 +63,7 @@
& .tab-icon-overlay,
& .tab-icon-stack {
&:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translate(20%, 24%)
transform: translate(20%, 25%)
scale(var(--bmb-sound-icon-scale-essentials)) !important;
display: block !important;
/* Remove extra margin created for vanilla icons */
@ -84,8 +89,7 @@
& .tab-icon-overlay,
& .tab-icon-stack {
&:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translate(-10%, 25%)
scale(var(--bmb-sound-icon-scale-glance)) !important;
transform: translate(-8%, 25%) scale(var(--bmb-sound-icon-scale-glance)) !important;
display: block !important;
margin: 0px !important;
}
@ -93,7 +97,7 @@
}
}
/* ================== Zen glance tab (pinned and essentials) ================== */
/* ================== Zen glance tab (pinned tabs) ================== */
#navigator-toolbox[zen-sidebar-expanded]
#tabbrowser-tabs
.tabbrowser-tab[zen-glance-tab] {
@ -104,7 +108,7 @@
& .tab-icon-overlay {
&:is([soundplaying], [muted], [activemedia-blocked]) {
margin: 0px !important;
transform: translate(-35%, 25%) scale(var(--bmb-sound-icon-scale-glance)) !important;
transform: translate(-30%, 25%) scale(var(--bmb-sound-icon-scale-glance)) !important;
display: block !important;
}
}