diff --git a/themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css new file mode 100644 index 00000000..02a66a2b --- /dev/null +++ b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css @@ -0,0 +1,109 @@ + +/* Bookmark visibility fix */ +#PersonalToolbar { + visibility: visible !important; + min-width: 0px !important; + +&[collapsed="true"] { + display: none !important; + } +} + +.titlebar-buttonbox { + padding-left: var( + --mod-better_titlebar_and_more-compact_titlebar_right_padding, + 0px + ) !important; +} + +[zen-single-toolbar="true"] { + /* Overlay Titlebar */ + #zen-appcontent-wrapper { + position: relative; + } + +/* Hide titlebar and spacing */ + #zen-appcontent-navbar-wrapper { + position: absolute !important; + backdrop-filter: blur(10px) !important; + background: var(--zen-main-browser-background) !important; + } + +@media (-moz-bool-pref: "mod.better_titlebar_and_more.borderless_sidebar") { + &[zen-compact-mode="true"] { + #navigator-toolbox { + height: 100% !important; + top: 0 !important; + +/* Hide sidebar background/border */ + #titlebar, + #titlebar::before { + border: none !important; + outline: none !important; + box-shadow: none !important; + border-right: 1px solid #ffffff20 !important; + border-radius: 0 !important; + } + +/* Custom sidebar background/border */ + &[zen-has-hover="true"]:after { + display: block; + content: ""; + width: 10px; + height: 10px; + background: var(--zen-dialog-background); + position: absolute; + left: 0; + width: var(--zen-element-separation); + height: 100%; + } + } + } + } + +@media not (-moz-bool-pref: "mod.better_titlebar_and_more.compact_titlebar") { + #zen-appcontent-navbar-wrapper { + width: 100% !important; + } + } + +@media (-moz-bool-pref: "mod.better_titlebar_and_more.compact_titlebar") { + /* Compact titlebar */ + #zen-appcontent-navbar-wrapper { + width: max-content !important; + right: 0; + border-bottom-left-radius: 8px; + overflow: hidden; + } + } +} + +@media (-moz-bool-pref: "mod.better_titlebar_and_more.traffic_lights") { + .titlebar-buttonbox { + padding-left: 40px; + toolbarbutton { + list-style-image: none !important; + padding: 6px 10px !important; + +.toolbarbutton-text { + width: 12px; + height: 12px; + border-radius: 10px; + border: 1px solid #00000040; + } + image { + display: none !important; + } + &.titlebar-min .toolbarbutton-text { + background: #44cc45; + } + &.titlebar-max .toolbarbutton-text, + &.titlebar-restore .toolbarbutton-text { + background: #f5bc36; + } + &.titlebar-close .toolbarbutton-text { + background: #f55f5c; + } + } + } +} diff --git a/themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png new file mode 100644 index 00000000..392a9a4f Binary files /dev/null and b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png differ diff --git a/themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json new file mode 100644 index 00000000..4d1e1d4d --- /dev/null +++ b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json @@ -0,0 +1,38 @@ +[ + { + "property": "mod.better_titlebar_and_more.compact_titlebar", + "label": "Compact Titlebar (on the right)", + "type": "checkbox" + }, + { + "property": "mod.better_titlebar_and_more.borderless_sidebar", + "label": "Borderless Sidebar", + "type": "checkbox" + }, + { + "property": "mod.better_titlebar_and_more.traffic_lights", + "label": "Traffic Light styled Window Controls", + "type": "checkbox", + "disabledOn": [ + "macos" + ] + }, + { + "property": "mod.better_titlebar_and_more.compact_titlebar_right_padding", + "label": "Compact Titlebar right padding so you can still drag it", + "placeholder": "40px", + "type": "string" + }, + { + "property": "mod.better_titlebar_and_more.empty", + "label": "To enable Borderless go to 'about:config' in the urlbar and set 'zen.theme.content-element-separation' to '0'", + "type": "dropdown", + "defaultValue": "empty", + "options": [ + { + "label": "-", + "value": "empty" + } + ] + } +] \ No newline at end of file diff --git a/themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md new file mode 100644 index 00000000..898dbcfd --- /dev/null +++ b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md @@ -0,0 +1,8 @@ + +# Better Titlebar and more + +- Compact Titlebar +- Borderless Sidebar +- Traffic Lights + +To get the borderless look like in the image type `about:config` in the urlbar and set `zen.theme.content-element-separation` to `0` diff --git a/themes/546e7980-fc9d-4a5c-8707-5943440641cf/theme.json b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/theme.json new file mode 100644 index 00000000..fed41ec2 --- /dev/null +++ b/themes/546e7980-fc9d-4a5c-8707-5943440641cf/theme.json @@ -0,0 +1,15 @@ +{ + "id": "546e7980-fc9d-4a5c-8707-5943440641cf", + "name": "Better Titlebar and more", + "description": "Non-disruptive and compact title bar with some extra stuff", + "homepage": "https://github.com/Waradu/zen_compact_titlebar_and_extras", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/image.png", + "author": "Waradu", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-05-22", + "updatedAt": "2025-05-22", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/546e7980-fc9d-4a5c-8707-5943440641cf/preferences.json" +} \ No newline at end of file