zen-browser · mr-cheffy · Nov 17, 2025
diff --git a/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/chrome.css b/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/chrome.css
@@ -0,0 +1,194 @@
+
+/* ===== MINIMAL EXIT MENU ===== */
+/* Hide default Windows glyphs inside titlebar buttons */
+.titlebar-button image, 
+.titlebar-button .toolbarbutton-icon, 
+.titlebar-button::before, 
+.titlebar-button::after { 
+    display: none !important; 
+    visibility: collapse !important; 
+}
+
+/* Adjust margin for right-side sidebar */
+#navigator-toolbox[zen-right-side="true"] > #zen-sidebar-top-buttons > .titlebar-buttonbox-container > .titlebar-buttonbox {
+    margin-top: 11px !important;
+}
+
+.titlebar-buttonbox {
+    margin-right: 20px;
+}
+
+/* Base button styling */
+.titlebar-button {
+    padding: 0px !important;
+    min-height: 13px !important;
+    min-width: 13px !important;
+    height: 13px !important;
+    align-self: center;
+    margin-left: 5px !important;
+    border-radius: 50px;
+    transition: all 200ms cubic-bezier(0.4, 0.0, 0.2, 1) !important;
+}
+
+/* Default state colors - Acrylic Effect */
+@media (-moz-bool-pref: "mod.minimal-adds.exit-menu-acrylic-effect") {
+    .titlebar-button {
+        background-color: rgba(155, 155, 155, 0.15) !important;
+        backdrop-filter: blur(10px) saturate(180%) !important;
+        border: .5px solid rgba(255, 255, 255, 0.2) !important;
+    }
+
+    @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+        .titlebar-button {
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
+        }
+    }
+
+    .titlebar-min:hover {
+        background-color: rgba(255, 234, 0, 0.4) !important;
+        backdrop-filter: blur(12px) saturate(200%) !important;
+        border-color: rgba(255, 234, 0, 0.4) !important;
+    }
+
+    @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+        .titlebar-min:hover {
+            box-shadow: 0 2px 12px rgba(255, 234, 0, 0.3) !important;
+        }
+    }
+
+.titlebar-max:hover, .titlebar-restore:hover {
+        background-color: rgba(40, 205, 65, 0.4) !important;
+        backdrop-filter: blur(12px) saturate(200%) !important;
+        border-color: rgba(40, 205, 65, 0.4) !important;
+    }
+
+    @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+        .titlebar-max:hover, .titlebar-restore:hover {
+            box-shadow: 0 2px 12px rgba(40, 205, 65, 0.3) !important;
+        }
+    }
+
+.titlebar-close:hover {
+        background-color: rgba(255, 69, 58, 0.4) !important;
+        backdrop-filter: blur(12px) saturate(200%) !important;
+        border-color: rgba(255, 69, 58, 0.4) !important;
+    }
+
+    @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+        .titlebar-close:hover {
+            box-shadow: 0 2px 12px rgba(255, 69, 58, 0.3) !important;
+        }
+    }
+
+    .titlebar-button:hover {
+        min-height: 20px !important;
+        transform: scale(1.05) !important;
+    }
+}
+
+/* Default state colors - Solid (no acrylic) */
+@media not (-moz-bool-pref: "mod.minimal-adds.exit-menu-macos-style") {
+    @media not (-moz-bool-pref: "mod.minimal-adds.exit-menu-acrylic-effect") {
+        .titlebar-button {
+            background-color: var(--zen-colors-border) !important;
+        }
+
+        .titlebar-min:hover {
+            background-color: hsl(60, 50%, 50%) !important;
+        }
+
+.titlebar-max:hover, .titlebar-restore:hover {
+            background-color: hsl(130, 50%, 40%) !important;
+        }
+
+.titlebar-close:hover {
+            background-color: hsl(0, 50%, 50%) !important;
+        }
+
+        .titlebar-button:hover {
+            min-height: 20px !important;
+        }
+    }
+}
+
+/* MacOS style - Acrylic Effect */
+@media (-moz-bool-pref: "mod.minimal-adds.exit-menu-macos-style") {
+    @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-acrylic-effect") {
+        .titlebar-min {
+            background-color: rgba(40, 205, 65, 0.5) !important;
+            backdrop-filter: blur(10px) saturate(180%) !important;
+            border: 1px solid rgba(40, 205, 65, 0.3) !important;
+        }
+
+        @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+            .titlebar-min {
+                box-shadow: 0 2px 8px rgba(40, 205, 65, 0.2) !important;
+            }
+        }
+
+.titlebar-max, .titlebar-restore {
+            background-color: rgba(255, 204, 0, 0.5) !important;
+            backdrop-filter: blur(10px) saturate(180%) !important;
+            border: 1px solid rgba(255, 204, 0, 0.3) !important;
+        }
+
+        @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+            .titlebar-max, .titlebar-restore {
+                box-shadow: 0 2px 8px rgba(255, 204, 0, 0.2) !important;
+            }
+        }
+
+.titlebar-close {
+            background-color: rgba(255, 69, 58, 0.5) !important;
+            backdrop-filter: blur(10px) saturate(180%) !important;
+            border: 1px solid rgba(255, 69, 58, 0.3) !important;
+        }
+
+        @media (-moz-bool-pref: "mod.minimal-adds.exit-menu-box-shadow") {
+            .titlebar-close {
+                box-shadow: 0 2px 8px rgba(255, 69, 58, 0.2) !important;
+            }
+        }
+
+.titlebar-button:hover {
+            opacity: 0.7 !important;
+            backdrop-filter: blur(15px) saturate(220%) !important;
+            transform: scale(1.05) !important;
+        }
+    }
+
+/* MacOS style - Solid (no acrylic) */
+    @media not (-moz-bool-pref: "mod.minimal-adds.exit-menu-acrylic-effect") {
+        .titlebar-min {
+            background-color: hsl(130, 50%, 40%) !important;
+        }
+
+.titlebar-max, .titlebar-restore {
+            background-color: hsl(60, 50%, 50%) !important;
+        }
+
+.titlebar-close {
+            background-color: hsl(0, 50%, 50%) !important;
+        }
+
+.titlebar-button:hover {
+            opacity: 0.25 !important;
+        }
+    }
+}
+
+/* ===== CENTERED URL BAR TEXT ===== */
+
+/* Enable centered URL bar text */
+@media (-moz-bool-pref: "mod.minimal-adds.centered-urlbartext-enabled") {
+
+    /* Center text when not focused */
+    #urlbar:not([focused]) #urlbar-input {
+        text-align: center !important;
+    }
+
+/* Left align text when focused/clicked */
+    #urlbar[focused] #urlbar-input {
+        text-align: left !important;
+    }
+}
diff --git a/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/image.png b/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/image.png
diff --git a/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/preferences.json b/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/preferences.json
@@ -0,0 +1,29 @@
+[
+    {
+        "property": "mod.minimal-adds.exit-menu-macos-style",
+        "label": "MacOS style exit menu (colored circles always visible)",
+        "type": "checkbox",
+        "defaultValue": false,
+        "disabledOn": [
+            "macos"
+        ]
+    },
+    {
+        "property": "mod.minimal-adds.exit-menu-acrylic-effect",
+        "label": "Enable acrylic/frosted glass effect on exit menu",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "mod.minimal-adds.exit-menu-box-shadow",
+        "label": "Enable shadow effect on exit menu buttons",
+        "type": "checkbox",
+        "defaultValue": true
+    },
+    {
+        "property": "mod.minimal-adds.centered-urlbartext-enabled",
+        "label": "Enable centered URL bar text",
+        "type": "checkbox",
+        "defaultValue": true
+    }
+]
diff --git a/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/readme.md b/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/readme.md
@@ -0,0 +1,39 @@
+
+# Minimal-Adds
+
+Minimal exit menu buttons with acrylic effects and centered URL bar text for Zen Browser.
+
+<p align="center">
+  <img src="src/Minimal-Adds-img.png" width="340rem">
+</p>
+
+## Features
+
+**Exit Menu**
+- Circular buttons with acrylic/frosted glass effect
+- Windows style (gray → colored on hover) or macOS style (always colored)
+- Smooth animations and optional shadows
+
+**URL Bar**
+- Text centered when unfocused, left-aligned when clicked
+- Safari-inspired minimal design
+
+## Configuration
+
+After installation, configure via **Zen Settings → Mods → Minimal-Adds**:
+
+| Option | Property | Default |
+|--------|----------|---------|
+| MacOS style exit menu | `mod.minimal-adds.exit-menu-macos-style` | OFF |
+| Acrylic effect | `mod.minimal-adds.exit-menu-acrylic-effect` | ON |
+| Shadow effect | `mod.minimal-adds.exit-menu-box-shadow` | ON |
+| Centered URL text | `mod.minimal-adds.centered-urlbartext-enabled` | ON |
+
+No manual `about:config` setup required. Properties listed for advanced users.
+
+## What's Different?
+
+Based on [Dinno-DEV's zen-minimal-exit-menu](https://github.com/Dinno-DEV/zen-minimal-exit-menu) with additions:
+- Acrylic/frosted glass effect
+- Toggleable shadows
+- Centered URL bar text
diff --git a/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/theme.json b/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/theme.json
@@ -0,0 +1,15 @@
+{
+    "id": "c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64",
+    "name": "Minimal Adds",
+    "description": "A quality-of-use improvement mod focused on Zen",
+    "homepage": "https://github.com/Gatogordo03/Minimal-Adds-Zen",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/image.png",
+    "author": "Gatogordo03",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-11-17",
+    "updatedAt": "2025-11-17",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c4e1bf92-9c2f-4fff-95ca-9d1bda4fed64/preferences.json"
+}