Add theme: Bigger Mute Button (#496)

* Add theme: Bigger Mute Button

* Add files via upload

* Delete themes/5c4d7772-d963-4672-ab03-e9d541438881/image.png

* Rename preview.png to image.png

---------

Co-authored-by: jvabn <jvabn@users.noreply.github.com>
This commit is contained in:
mr. m 🤙 2024-10-13 00:26:12 +02:00 committed by GitHub
parent 4358e2e612
commit 5c9bb4612f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 39 additions and 0 deletions

View file

@ -0,0 +1,33 @@
.tab-icon-overlay {
opacity: 1 !important;
margin: initial !important;
margin-right: 32px !important;
transform: translate(160%, 0%) scale(1.6) !important;
color: light-dark(black, white) !important;
background-color: transparent !important;
transition: 0.3s !important;
}
.tab-icon-overlay:hover {
color: var(--zen-primary-color) !important;
transition: 0.3s !important;
}
.tab-icon-overlay:is([soundplaying], [muted]):not([selected]) {
display: block !important;
}
/* Hide sound labels */
.tab-icon-sound-label,
.tab-icon-sound-playing-label {
display: none !important;
}
/* Mute button takes place of tab icon when tabs are not expanded */
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
.tab-icon-overlay {
margin: auto 30px !important;
transform: scale(1.6) !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

View file

@ -0,0 +1,5 @@
# Bigger Mute Button
**Description:**
- Increases size of mute button and hides the tab's sound labels.
- The tab icon is replaced by the mute button if the tabs are not expanded.

View file

@ -0,0 +1 @@
{"id": "5c4d7772-d963-4672-ab03-e9d541438881", "name": "Bigger Mute Button", "description": "Enlarges mute button, hides sound labels, and replaces tab icon with mute button when not expanded.", "homepage": "https://github.com/jvabn/zenbrowser-themes", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5c4d7772-d963-4672-ab03-e9d541438881/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5c4d7772-d963-4672-ab03-e9d541438881/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5c4d7772-d963-4672-ab03-e9d541438881/image.png", "author": "jvabn", "version": "1.0.0"}