Add theme: Floating tab bar

themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css

@@ -0,0 +1,36 @@
+
+#navigator-toolbox {
+  --zen-toolbox-max-width: 74px !important;
+  background: none !important;
+  border: none !important;
+  box-shadow: none !important;
+  height: 100vh !important;
+  padding: 0 !important;
+  min-width: calc(var(--zen-toolbox-max-width) + var(--zen-toolbox-padding) + var(--zen-element-separation)) !important;
+}
+
+#titlebar {
+  border-radius: var(--zen-border-radius) !important;
+  border: 1px solid var(--zen-colors-border) !important;
+  background: var(--zen-colors-tertiary) !important;
+  margin: calc( var(--zen-element-separation) * 2 );
+  padding: var(--zen-element-separation);
+}
+
+/* Increase space around edge of browser window and tab bar */
+@media (-moz-bool-pref: "uc.floatingtabbar.increase.spacing") {
+  #main-window {
+    --zen-element-separation: 10px !important;
+  }
+  #titlebar {
+    padding: calc( var(--zen-element-separation) / 2 );
+  }
+}
+
+/* Enable compact tab bar, similar to Smaller Compact Mode by n7itro */
+@media (-moz-bool-pref: "uc.floatingtabbar.compact.enabled") {
+  #titlebar {
+    height: 75vh !important;
+    margin-top: 12.5vh !important;
+  }
+}

themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json

@@ -0,0 +1,14 @@
+[
+    {
+        "property": "uc.floatingtabbar.increase.spacing",
+        "label": "Increase space around edge of browser window and tab bar",
+        "type": "checkbox",
+        "disabledOn": []
+    },
+    {
+        "property": "uc.floatingtabbar.compact.enabled",
+        "label": "Enable compact tab bar, similar to Smaller Compact Mode by n7itro",
+        "type": "checkbox",
+        "disabledOn": []
+    }
+]

themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md

@@ -0,0 +1,11 @@
+
+# zen-floating-tabbar
+Detaches tab bar from edge of browser window so that it appears to float.
+
+## Options
+- Increase space around edge of browser window and tab bar; and
+- Enable compact tab bar, similar to Smaller Compact Mode by n7itro.
+
+## Requires
+- Compact mode to be enabled; and
+- Side tab bar to be hidden.

themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/theme.json

@@ -0,0 +1 @@
+{"id": "6e335653-a7ea-4d41-a9e3-2c2b8a59c690", "name": "Floating tab bar", "description": "Mod for Zen Browser that detaches tab bar from edge of browser window so that it appears to float.", "homepage": "https://github.com/anaarkei/zen-floating-tabbar", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/image.png", "author": "anaarkei", "version": "1.0.0", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json"}