Merge bfd670eb07 into b36258a8c7

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;
+      }
+    }
+  }
+}

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"
+            }
+        ]
+    }
+]

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`

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"
+}