diff --git a/themes/2612fbdb-1be8-412e-b310-ff53cec79301/chrome.css b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/chrome.css new file mode 100644 index 00000000..75fb42ad --- /dev/null +++ b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/chrome.css @@ -0,0 +1,59 @@ + +.titlebar-button { + appearance: none !important; + width: 16px !important; + height: 16px !important; + border-radius: 50% !important; + padding: 0 !important; + margin: auto 4px !important; + border: 1px solid rgba(0, 0, 0, 0.15) !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; +} + +.titlebar-close { + background-color: #fd5754 !important; +} + +.titlebar-min { + background-color: #febb40 !important; +} + +.titlebar-restore, +.titlebar-max { + background-color: #27c93f !important; +} + +.titlebar-button .toolbarbutton-icon { + opacity: 0 !important; + width: 16px !important; + height: 16px !important; +} + +.titlebar-button:hover .toolbarbutton-icon { + opacity: 1 !important; +} + +.titlebar-close .toolbarbutton-icon { + list-style-image: url('data:image/svg+xml;utf8,') !important; + color: #82050a !important; +} + +.titlebar-min .toolbarbutton-icon { + list-style-image: url('data:image/svg+xml;utf8,') !important; + color: #995711 !important; +} + +.titlebar-restore .toolbarbutton-icon, +.titlebar-max .toolbarbutton-icon { + list-style-image: url('data:image/svg+xml;utf8,') !important; +} + +:root:not([sizemode="maximized"]) .titlebar-restore { + display: none !important; +} + +:root[sizemode="maximized"] .titlebar-max { + display: none !important; +} diff --git a/themes/2612fbdb-1be8-412e-b310-ff53cec79301/image.png b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/image.png new file mode 100644 index 00000000..c31bfb07 Binary files /dev/null and b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/image.png differ diff --git a/themes/2612fbdb-1be8-412e-b310-ff53cec79301/readme.md b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/readme.md new file mode 100644 index 00000000..557d0e5a --- /dev/null +++ b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/readme.md @@ -0,0 +1,28 @@ + +# Zen Mac Buttons + +Mac-style titlebar buttons (close, minimize, maximize) for Zen Browser. + +## Preview +![Preview](https://raw.githubusercontent.com/MiguelRequenaR/zen-mac-buttons/main/image.png) + +## Installation + +### Via Zen Mods (recommended) +Search for "Zen Mac Buttons" in `about:addons` inside Zen Browser. + +### Manual +1. Go to `about:config` and enable `toolkit.legacyUserProfileCustomizations.stylesheets` +2. Find your profile folder at `about:profiles` +3. Create a `chrome/` folder inside it +4. Add a `userChrome.css` with: `@import "theme.css";` +5. Copy `theme.css` into the `chrome/` folder +6. Restart Zen Browser + +## Compatibility +Tested on Zen Browser 1.19.13b — Ubuntu 26.04 LTS. + +## Important Note: Button Positioning +By default, Linux places window controls on the right. To enjoy the macOS experience, you must move them to the left: + +* **Ubuntu/GNOME:** Install the "GNOME Tweaks" application. Go to the "Windows" section and change the "Title bar button position" option to "Left". diff --git a/themes/2612fbdb-1be8-412e-b310-ff53cec79301/theme.json b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/theme.json new file mode 100644 index 00000000..f0d1b4f8 --- /dev/null +++ b/themes/2612fbdb-1be8-412e-b310-ff53cec79301/theme.json @@ -0,0 +1,14 @@ +{ + "id": "2612fbdb-1be8-412e-b310-ff53cec79301", + "name": "Zen Mac Buttons", + "description": "Mac-style titlebar buttons for Zen Browser.", + "homepage": "https://github.com/MiguelRequenaR/zen-mac-buttons", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2612fbdb-1be8-412e-b310-ff53cec79301/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2612fbdb-1be8-412e-b310-ff53cec79301/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2612fbdb-1be8-412e-b310-ff53cec79301/image.png", + "author": "MiguelRequenaR", + "version": "1.0.0", + "tags": [], + "createdAt": "2026-05-17", + "updatedAt": "2026-05-17" +} \ No newline at end of file