diff --git a/themes/c52737db-3176-4af4-8105-d83fefe2962c/chrome.css b/themes/c52737db-3176-4af4-8105-d83fefe2962c/chrome.css new file mode 100644 index 00000000..3023030a --- /dev/null +++ b/themes/c52737db-3176-4af4-8105-d83fefe2962c/chrome.css @@ -0,0 +1,182 @@ + +body:not(:has([mod-no_gaps-outline^="_"])) { + hbox.browserSidebarContainer { + outline: none !important; + } +} + +body:not(:has([mod-no_gaps-shadow^="_"])) { + hbox.browserSidebarContainer { + box-shadow: none !important; + } +} + +body:has([mod-no_gaps-shadow="_unsplit"]) { + hbox.browserSidebarContainer:not([zen-split="true"]) { + box-shadow: none !important; + } +} + +body:has([mod-no_gaps-shadow="_split"]) { + hbox.browserSidebarContainer[zen-split="true"] { + box-shadow: none !important; + } +} + +body:not(:has([mod-no_gaps-rounded_corners^="_"])) { + #tabbrowser-tabpanels .browserSidebarContainer { + border-radius: 0 !important; + } +} + +body:has([mod-no_gaps-rounded_corners="_unsplit"]) { + #tabbrowser-tabpanels:not([zen-split-view="true"]) .browserSidebarContainer { + border-radius: 0 !important; + } +} + +body:has([mod-no_gaps-rounded_corners="_split"]) { + #tabbrowser-tabpanels[zen-split-view="true"] .browserSidebarContainer { + border-radius: 0 !important; + } +} + +body:not(:has([mod-no_gaps-gaps^="_"])) { + hbox.browserSidebarContainer:not([zen-split="true"]) { + margin: 0 !important; + } + +&:has([mod-no_gaps-outline="_never"]) { + hbox.browserSidebarContainer[zen-split="true"] { + margin: 1px !important; + } + } + + tabbox#tabbrowser-tabbox { + --zen-split-row-gap: 0 !important; + --zen-split-column-gap: 0 !important; + } + +div.zen-split-view-splitter[orient="vertical"] { + margin-left: calc(-1 * var(--zen-element-separation) + 1px) !important; + } + +div.zen-split-view-splitter[orient="horizontal"] { + height: calc(var(--zen-element-separation) * 2 - 3px) !important; + margin-top: calc(-1 * var(--zen-element-separation) + 1px) !important; + } + +#zen-appcontent-wrapper { + margin: 0 !important; + } + #zen-tabbox-wrapper { + margin: 0 !important; + } +} + +body:has([mod-no_gaps-gaps="_unsplit"]) { + hbox.browserSidebarContainer:not([zen-split="true"]) { + margin: 0 !important; + } + +#zen-appcontent-wrapper:not(:has( + > #zen-tabbox-wrapper + > #tabbrowser-tabbox + > #tabbrowser-tabpanels[zen-split-view="true"] + )) { + +margin: 0 !important; + +& > #zen-tabbox-wrapper { + margin: 0 !important; + } + } +} + +body:has([mod-no_gaps-gaps="_split"]) { + +&:has([mod-no_gaps-outline="_never"]) { + hbox.browserSidebarContainer[zen-split="true"] { + margin: 1px !important; + } + } + + tabbox#tabbrowser-tabbox { + --zen-split-row-gap: 0 !important; + --zen-split-column-gap: 0 !important; + } + +#zen-appcontent-wrapper:has( + > #zen-tabbox-wrapper + > #tabbrowser-tabbox + > #tabbrowser-tabpanels[zen-split-view="true"] + ) { + margin: 0 !important; + +& > #zen-tabbox-wrapper { + margin: 0 !important; + } + } + +div.zen-split-view-splitter[orient="vertical"] { + margin-left: calc(-1 * var(--zen-element-separation) + 1px) !important; + } + +div.zen-split-view-splitter[orient="horizontal"] { + height: calc(var(--zen-element-separation) * 2 - 3px) !important; + margin-top: calc(-1 * var(--zen-element-separation) + 1px) !important; + } +} + +:root[zen-single-toolbar="true"]:not([customizing]) { + @media -moz-pref("zen.view.hide-window-controls") { + + /* Always remove top bar */ + body:has([mod-no_gaps-remove_navbar="_always"]) { + #zen-appcontent-navbar-wrapper { + display: none !important; + } + } + + /* Only in unsplit view */ + body:has([mod-no_gaps-remove_navbar="_unsplit"]) + :not(:has(#tabbrowser-tabpanels[zen-split-view="true"])) { + #zen-appcontent-navbar-wrapper { + display: none !important; + } + } + + /* Only in split view */ + body:has([mod-no_gaps-remove_navbar="_split"]) + :has(#tabbrowser-tabpanels[zen-split-view="true"]) { + #zen-appcontent-navbar-wrapper { + display: none !important; + } + } + + body:not(:has([mod-no_gaps-remove_navbar^="_"])) { + &:not(:has([mod-no_gaps-hide_navbar^="_"])) { + #zen-appcontent-wrapper { + + height: calc(100% + var(--zen-element-separation)); + + & > #zen-tabbox-wrapper { + top: calc(-1 * var(--zen-element-separation)); + z-index: -1 !important; + transition: top 0.15s 0.2s ease; + } + + &:not(:has( + > #zen-appcontent-navbar-wrapper:not( + [zen-has-hover="true"], + [has-popup-menu], + :focus-within) + )) > #zen-tabbox-wrapper { + top: 0; + } + + } + } + } + } +} diff --git a/themes/c52737db-3176-4af4-8105-d83fefe2962c/image.png b/themes/c52737db-3176-4af4-8105-d83fefe2962c/image.png new file mode 100644 index 00000000..741fab2b Binary files /dev/null and b/themes/c52737db-3176-4af4-8105-d83fefe2962c/image.png differ diff --git a/themes/c52737db-3176-4af4-8105-d83fefe2962c/preferences.json b/themes/c52737db-3176-4af4-8105-d83fefe2962c/preferences.json new file mode 100644 index 00000000..11a4d1ff --- /dev/null +++ b/themes/c52737db-3176-4af4-8105-d83fefe2962c/preferences.json @@ -0,0 +1,106 @@ +[ + { + "property": "mod.no_gaps.gaps", + "label": "Remove gaps", + "placeholder": "Always", + "type": "dropdown", + "options": [ + { + "label": "Never", + "value": "_never" + }, + { + "label": "Only in unsplit view", + "value": "_unsplit" + }, + { + "label": "Only in split view", + "value": "_split" + } + ] + }, + { + "property": "mod.no_gaps.rounded_corners", + "label": "Remove rounded corners", + "placeholder": "Always", + "type": "dropdown", + "options": [ + { + "label": "Never", + "value": "_never" + }, + { + "label": "Only in unsplit view", + "value": "_unsplit" + }, + { + "label": "Only in split view", + "value": "_split" + } + ] + }, + { + "property": "mod.no_gaps.shadow", + "label": "Remove shadow", + "placeholder": "Always", + "type": "dropdown", + "options": [ + { + "label": "Never", + "value": "_never" + }, + { + "label": "Only in unsplit view", + "value": "_unsplit" + }, + { + "label": "Only in split view", + "value": "_split" + } + ] + }, + { + "property": "mod.no_gaps.outline", + "label": "Remove highlighted outline (split view)", + "placeholder": "Always", + "type": "dropdown", + "options": [ + { + "label": "Never", + "value": "_never" + } + ] + }, + { + "property": "mod.no_gaps.hide_navbar", + "label": "Hide top bar (single toolbar)", + "placeholder": "Always", + "type": "dropdown", + "options": [ + { + "label": "Never", + "value": "_never" + } + ] + }, + { + "property": "mod.no_gaps.remove_navbar", + "label": "Remove top bar (overrides previous option)", + "placeholder": "Never", + "type": "dropdown", + "options": [ + { + "label": "Always", + "value": "_always" + }, + { + "label": "Only in unsplit view", + "value": "_unsplit" + }, + { + "label": "Only in split view", + "value": "_split" + } + ] + } +] \ No newline at end of file diff --git a/themes/c52737db-3176-4af4-8105-d83fefe2962c/readme.md b/themes/c52737db-3176-4af4-8105-d83fefe2962c/readme.md new file mode 100644 index 00000000..37c0b852 --- /dev/null +++ b/themes/c52737db-3176-4af4-8105-d83fefe2962c/readme.md @@ -0,0 +1,27 @@ + +# No Gaps Zen Mod + +**Removes the empty space around the tab view.** + +## Options + +- Remove gaps + - Removes the empty space around the tab(s) - except the top bar. + +- Remove rounded corners + - Removes the rounded corners around the tab(s). + +- Remove shadow + - Removes the shadow around the tab(s). + +- Remove highlighted outline (split view) + - Removes the highlighted outline/border around the active tab in split view. + +- Hide top bar (single toolbar) + - Hides the top bar to allow for a full borderless look. + - The top bar can still be accessed by hovering close to it. + - Works only in single toolbar mode. + +- Remove top bar (overrides previous option) + - Stops the top bar from ever rendering. + - Works only in single toolbar mo \ No newline at end of file diff --git a/themes/c52737db-3176-4af4-8105-d83fefe2962c/theme.json b/themes/c52737db-3176-4af4-8105-d83fefe2962c/theme.json new file mode 100644 index 00000000..7a1981a5 --- /dev/null +++ b/themes/c52737db-3176-4af4-8105-d83fefe2962c/theme.json @@ -0,0 +1,15 @@ +{ + "id": "c52737db-3176-4af4-8105-d83fefe2962c", + "name": "No Gaps Revived", + "description": "Removes the empty space around the tab view.", + "homepage": "https://github.com/vcekron/noGaps_ZenMod", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c52737db-3176-4af4-8105-d83fefe2962c/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c52737db-3176-4af4-8105-d83fefe2962c/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c52737db-3176-4af4-8105-d83fefe2962c/image.png", + "author": "vcekron", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-05-27", + "updatedAt": "2025-05-27", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c52737db-3176-4af4-8105-d83fefe2962c/preferences.json" +} \ No newline at end of file