From b7390be6d26cb8c0bf67353a5906275149db4874 Mon Sep 17 00:00:00 2001 From: Dorukkino Date: Sat, 4 Jul 2026 15:06:55 +0300 Subject: [PATCH] feat: Add Dynamic Glass OmniBar & Panels theme with correct homepage --- themes/dynamic-glass-omnibar-panels/README.md | 27 +++++ .../metadata.json | 19 +++ .../dynamic-glass-omnibar-panels/preview.png | Bin 0 -> 10118 bytes themes/dynamic-glass-omnibar-panels/theme.css | 110 ++++++++++++++++++ .../dynamic-glass-omnibar-panels/theme.json | 21 ++++ 5 files changed, 177 insertions(+) create mode 100644 themes/dynamic-glass-omnibar-panels/README.md create mode 100644 themes/dynamic-glass-omnibar-panels/metadata.json create mode 100644 themes/dynamic-glass-omnibar-panels/preview.png create mode 100644 themes/dynamic-glass-omnibar-panels/theme.css create mode 100644 themes/dynamic-glass-omnibar-panels/theme.json diff --git a/themes/dynamic-glass-omnibar-panels/README.md b/themes/dynamic-glass-omnibar-panels/README.md new file mode 100644 index 000000000..e01f0725c --- /dev/null +++ b/themes/dynamic-glass-omnibar-panels/README.md @@ -0,0 +1,27 @@ +# Dynamic Glass OmniBar & Panels for Zen Browser + +Enhance your Zen Browser interface with a premium, modern, and adaptive glassmorphism layout. This mod injects a flawless glass blur effect into your popups and the expanded OmniBar (address bar) panel while strictly respecting your active theme's visual identity. + +## ✨ Features + +* **Adaptive Theme Matching:** Automatically grabs your active theme's accent colors using advanced `color-mix()` syntax. If your theme changes, your panels instantly adapt. +* **Pure Glass OmniBar:** Transforms the expanded address bar (OmniBar popup) into a lightweight 35% translucent glass surface with a rich `25px` backdrop blur. +* **Frosty & Clean Panels:** Re-engineers the Extension and Identity panels with a carefully balanced opacity to prevent layout clipping while maintaining a beautiful frosted look. +* **Context-Aware Design:** Keeps the default, closed state of your address bar completely untouched, respecting your theme's original toolbar design until triggered. + +## 🚀 Installation + +### For Users +This mod is fully compatible with the official **Zen Mods Store**. Simply find **Dynamic Glass OmniBar & Panels** in the store and click **Install**. + +### For Developers / Local Testing +1. Copy the `metadata.json` and `theme.css` into your Zen Profile's `chrome/zen-themes/dynamic-glass-omnibar-panels/` directory. +2. Ensure `toolkit.legacyUserProfileCustomizations.stylesheets` is set to `true` in `about:config`. +3. Restart Zen Browser and enable it via **Settings → Zen Mods**. + +## 🛠 Technical Details + +Built using clean, high-specificity CSS targeting native Gecko/XUL layout components. It resolves common multi-view layering issues and bypasses hardware-accelerated clipping bugs inside detached browser popups. + +--- +Developed with passion for a cleaner web browsing experience. Feel free to open an issue or submit a pull request! \ No newline at end of file diff --git a/themes/dynamic-glass-omnibar-panels/metadata.json b/themes/dynamic-glass-omnibar-panels/metadata.json new file mode 100644 index 000000000..585eb835f --- /dev/null +++ b/themes/dynamic-glass-omnibar-panels/metadata.json @@ -0,0 +1,19 @@ +{ + "id": "dynamic-glass-omnibar-panels", + "name": "Dynamic Glass OmniBar & Panels", + "description": "A premium, 100% adaptive glassmorphic theme that blends Zen Browser's OmniBar and extensions panel beautifully with your active theme colors.", + "author": "Doruk Murat Kıno", + "version": "1.0.0", + "type": "theme", + "readme": "README.md", + "theme": "theme.css", + "image": "preview.png", + "homepage": "https://github.com/Dorukkino/theme-store", + "repository": "https://github.com/Dorukkino/theme-store", + "tags": [ + "glassmorphism", + "omnibar", + "transparent", + "adaptive-color" + ] +} \ No newline at end of file diff --git a/themes/dynamic-glass-omnibar-panels/preview.png b/themes/dynamic-glass-omnibar-panels/preview.png new file mode 100644 index 0000000000000000000000000000000000000000..11a9d015c0038fafd5c3b1a02173af10e8e26d8e GIT binary patch literal 10118 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