diff --git a/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/chrome.css b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/chrome.css new file mode 100644 index 00000000..1824db4e --- /dev/null +++ b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/chrome.css @@ -0,0 +1,56 @@ + +@media (-moz-bool-pref: "mod.kian1991.enable") { + /* ============================================ + Borderless Compact Mode for Zen Browser + ============================================ */ + /* Only apply when Zen's compact mode is active */ + :root[zen-compact-mode="true"] { + /* 1. Remove all margins around the browser content wrapper + so the webview touches the window edges */ + #zen-tabbox-wrapper { + margin: 0 !important; + } + /* 2. Remove the gap at the top where the collapsed toolbar lives */ + #zen-appcontent-navbar-wrapper:not( + :is([zen-has-hover], [has-popup-menu], [zen-compact-mode-active]) + ) { + height: 0 !important; + } + /* 3. Remove rounded corners and drop-shadow from the webview container */ + .browserSidebarContainer { + border-radius: 0 !important; + box-shadow: none !important; + } + /* 4. Remove border/shadow from floating sidebar / toolbar backgrounds */ + .zen-toolbar-background { + box-shadow: none !important; + outline: none !important; + border-radius: 0 !important; + } + .zen-toolbar-background::before, + .zen-toolbar-background::after { + outline: none !important; + border-radius: 0 !important; + } + /* 5. Make the floating sidebar flush with screen edges */ + #navigator-toolbox:not([animate="true"]) { + --zen-compact-float: 0px !important; + padding: 0 !important; + bottom: 0 !important; + } + /* 6. Remove padding inside the sidebar so tabs touch the edge */ + #navigator-toolbox:not([animate="true"]) #titlebar { + padding: 0 !important; + } + /* 7. Remove extra top margin from titlebar in multi-toolbar setups */ + &:not([zen-single-toolbar="true"]) #titlebar { + margin-top: 0 !important; + } + /* 8. Remove nav-bar side margins that create gaps when window + controls are reversed */ + #zen-appcontent-navbar-wrapper #nav-bar { + margin-left: 0 !important; + margin-right: 0 !important; + } + } +} diff --git a/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/image.png b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/image.png new file mode 100644 index 00000000..12c95c50 Binary files /dev/null and b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/image.png differ diff --git a/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/preferences.json b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/preferences.json new file mode 100644 index 00000000..f4c713e3 --- /dev/null +++ b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/preferences.json @@ -0,0 +1,8 @@ +[ + { + "property": "mod.kian1991.enable", + "label": "Enable Borderless Compactmode", + "type": "checkbox", + "defaultValue": true + } +] \ No newline at end of file diff --git a/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/readme.md b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/readme.md new file mode 100644 index 00000000..21b9fa8d --- /dev/null +++ b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/readme.md @@ -0,0 +1,12 @@ + +# Borderless Compact Mode +A Zen Browser theme that removes all borders, shadows, and rounded corners when in **Compact Mode**, giving you a true edge-to-edge browsing experience. +![Screenshot](https://raw.githubusercontent.com/kian1991/bordeless-compactmode/refs/heads/main/screenshot.png) +## Features +- **Edge-to-edge webview** — Removes all margins around the browser content so websites touch the window edges +- **Zero rounded corners** — Flattens the browser container and sidebar for a sharp, modern look +- **No shadows or borders** — Removes drop shadows and outlines from floating toolbars and sidebars +- **Sidebar flush to edge** — Makes the compact mode sidebar touch the screen edge instead of floating +- **Collapsible top toolbar** — Completely hides the top toolbar placeholder when collapsed +## Requirements +- Zen Browser Compact Mode must be enabled for this theme to take effect diff --git a/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/theme.json b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/theme.json new file mode 100644 index 00000000..b079835c --- /dev/null +++ b/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/theme.json @@ -0,0 +1,15 @@ +{ + "id": "8d6ee23e-a67a-4799-b7cc-23dad0325126", + "name": "Borderless Compact Mode", + "description": "Removes borders, shadows & rounded corners in compact mode for a true edge-to-edge experience.", + "homepage": "https://github.com/kian1991/bordeless-compactmode", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/image.png", + "author": "kian1991", + "version": "1.0.0", + "tags": [], + "createdAt": "2026-05-20", + "updatedAt": "2026-05-20", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8d6ee23e-a67a-4799-b7cc-23dad0325126/preferences.json" +} \ No newline at end of file