Add theme: Compact Floating TopBar

themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/chrome.css

@@ -0,0 +1,52 @@
+
+@media (-moz-bool-pref: "zen.view.compact") {
+ #zen-appcontent-navbar-container {
+   align-self: center !important;
+   width: 75% !important;
+   border-radius: 0px 0px 10px 10px !important;
+ }
+ @media (-moz-bool-pref: "uc.compacttopbar.float") {
+  #zen-appcontent-navbar-container {
+   margin: 1vh !important;
+   border-radius: 10px 10px 10px 10px !important;
+  }
+ }
+ @media (-moz-bool-pref: "uc.compacttopbar.glow") {
+  #nav-bar {
+   box-shadow: rgb(38, 57, 77) 0px 0px 20px 10px;
+   border-radius: 0px 0px 10px 10px !important;
+  }
+  @media (-moz-bool-pref: "uc.topbar.float") {
+   #nav-bar {
+    border-radius: 10px 10px 10px 10px !important;
+   }
+  }
+ }
+ @media (-moz-bool-pref: "uc.compacttopbar.outline") {
+  #nav-bar {
+   border: 1px solid rgba(255, 255, 255, 0.4) !important;
+   border-top: 0px solid !important;
+   border-radius: 0px 0px 10px 10px !important;
+  }
+  @media (-moz-bool-pref: "uc.compacttopbar.float") {
+   #nav-bar {
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    border-radius: 10px 10px 10px 10px !important;
+   }
+  }
+ }
+ @media (-moz-bool-pref: "uc.compacttopbar.applyToTabBar") {
+  @media (-moz-bool-pref: "uc.topbar.glow") {
+   #titlebar {
+    box-shadow: rgb(38, 57, 77) 0px 0px 20px 10px;
+    border-radius: 10px 10px 10px 10px !important;
+   }
+  }
+  @media (-moz-bool-pref: "uc.compacttopbar.outline") {
+   #titlebar {
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    border-radius: 10px 10px 10px 10px !important;
+   }
+  }
+ }
+}

themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/preferences.json

@@ -0,0 +1,6 @@
+{
+    "uc.compacttopbar.float": "Makes the top bar float out from screen edge in compact mode",
+    "uc.compacttopbar.glow": "Makes the top bar have a glow around it for better visual seperation",
+    "uc.compacttopbar.outline": "Makes the top bar have a thin white outline around it for better visual seperation",
+    "uc.compacttopbar.applyToTabBar": "Apply glow and outline to Tab navigation side bar as well"
+}

themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/readme.md

@@ -0,0 +1,6 @@
+
+# Compact Floating TopBar
+This theme changes the top bar to be more compact and centered.
+- Works in compact mode ONLY (recommended: hide top bar).
+- Customizable (float out, glow, outline) from theme settings.
+- Matches well with Smaller Compact Mode theme.

themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/theme.json

@@ -0,0 +1 @@
+{"id": "6c81b5ec-6c4d-4057-b5b4-be4210375989", "name": "Compact Floating TopBar", "description": "This theme changes the top bar to be more compact and centered in compact mode.", "homepage": "https://github.com/HiroDane/zen-themes/tree/main/compact-floating-topbar", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/image.png", "author": "HiroDane", "version": "1.0.0", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/preferences.json"}