mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-08 01:10:01 +02:00
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:
parent
4358e2e612
commit
5c9bb4612f
4 changed files with 39 additions and 0 deletions
33
themes/5c4d7772-d963-4672-ab03-e9d541438881/chrome.css
Normal file
33
themes/5c4d7772-d963-4672-ab03-e9d541438881/chrome.css
Normal 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;
|
||||
}
|
||||
}
|
BIN
themes/5c4d7772-d963-4672-ab03-e9d541438881/image.png
Normal file
BIN
themes/5c4d7772-d963-4672-ab03-e9d541438881/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 95 KiB |
5
themes/5c4d7772-d963-4672-ab03-e9d541438881/readme.md
Normal file
5
themes/5c4d7772-d963-4672-ab03-e9d541438881/readme.md
Normal 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.
|
1
themes/5c4d7772-d963-4672-ab03-e9d541438881/theme.json
Normal file
1
themes/5c4d7772-d963-4672-ab03-e9d541438881/theme.json
Normal 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"}
|
Loading…
Add table
Add a link
Reference in a new issue