mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: Zen Letterbox
This commit is contained in:
parent
cdccfde6b2
commit
e24ec0990e
5 changed files with 62 additions and 0 deletions
35
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/chrome.css
Normal file
35
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/chrome.css
Normal file
|
@ -0,0 +1,35 @@
|
|||
|
||||
:root {
|
||||
--letterbox-multiply-calculated: calc(6px * var(--letterbox-multiply-factor));
|
||||
}
|
||||
|
||||
:root[zen-single-toolbar='true']:not([customizing]) {
|
||||
#zen-appcontent-navbar-container {
|
||||
@media (-moz-bool-pref: 'zen.view.hide-window-controls') {
|
||||
&:not([zen-has-hover='true']):not([has-popup-menu]):not(:focus-within):not(:has(*:is([panelopen='true'], [open='true']))) {
|
||||
height: 0px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
||||
& #zen-tabbox-wrapper {
|
||||
margin-bottom: var(--letterbox-multiply-calculated) !important;
|
||||
}
|
||||
|
||||
&[zen-single-toolbar='true'] {
|
||||
& #zen-tabbox-wrapper {
|
||||
margin-top: var(--letterbox-multiply-calculated) !important;
|
||||
transition: margin-top 0.15s ease;
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
& #zen-appcontent-navbar-container[zen-has-hover="true"] + #zen-tabbox-wrapper {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:not([zen-right-side="true"]) #zen-tabbox-wrapper {
|
||||
margin-right: var(--letterbox-multiply-calculated) !important;
|
||||
}
|
||||
}
|
BIN
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/image.png
Normal file
BIN
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 53 KiB |
|
@ -0,0 +1,9 @@
|
|||
[
|
||||
{
|
||||
"property": "letterbox.multiply-factor",
|
||||
"label": "Multiply Factor (number)",
|
||||
"type": "string",
|
||||
"defaultValue": "3",
|
||||
"placeholder": "0.5, 1, 2, ..."
|
||||
}
|
||||
]
|
3
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/readme.md
Normal file
3
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/readme.md
Normal file
|
@ -0,0 +1,3 @@
|
|||
|
||||
# Zen Letterbox
|
||||
A simple way to change the width of the letterbox.
|
15
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/theme.json
Normal file
15
themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/theme.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"id": "478d35d8-bc71-41ab-846e-cfa0feef49f6",
|
||||
"name": "Zen Letterbox",
|
||||
"description": "A simple way to change the width of the letterbox.",
|
||||
"homepage": "",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/image.png",
|
||||
"author": "p-sw",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2025-03-03",
|
||||
"updatedAt": "2025-03-03",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/478d35d8-bc71-41ab-846e-cfa0feef49f6/preferences.json"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue