Add theme: Zen Letterbox

This commit is contained in:
p-sw 2025-03-03 03:52:18 +00:00 committed by GitHub
parent cdccfde6b2
commit e24ec0990e
5 changed files with 62 additions and 0 deletions

View 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;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

View file

@ -0,0 +1,9 @@
[
{
"property": "letterbox.multiply-factor",
"label": "Multiply Factor (number)",
"type": "string",
"defaultValue": "3",
"placeholder": "0.5, 1, 2, ..."
}
]

View file

@ -0,0 +1,3 @@
# Zen Letterbox
A simple way to change the width of the letterbox.

View 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"
}