Add theme: Super Sleek UI

themes/570afd9d-96fa-48b5-bad3-0c106757cce9/chrome.css

@@ -0,0 +1,102 @@
+
+/* Remove border from the URL bar when not focused */
+#urlbar:not([focused]) {
+  border: none !important;
+}
+
+/* Popout url bar with background blur */
+#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
+  border: 2px solid rgba(0, 0, 0, 0.5) !important;
+  z-index: 2;
+  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5) !important; /* Add this line for the drop shadow */
+}
+#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]):after {
+  content: "";
+  position: fixed;
+  pointer-events: none;
+
+width: 100vw;
+  height: 100vh;
+
+top: 0;
+  left: 0;
+
+backdrop-filter: blur(2px);
+
+z-index: -1;
+}
+
+/* set navbar height to super compact density */
+#nav-bar {
+  height: 40px !important;
+  min-height: 30px !important;
+}
+
+/* Remove top toolbar padding */
+#nav-bar > :not(.titlebar-buttonbox-container) {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/* Remove border padding */
+:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
+  & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
+    margin: 0 !important;
+    border-radius: 0 !important;
+  }
+}
+@media not (-moz-bool-pref: "zen.view.compact") {   
+  :root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
+    & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
+      margin: 0 !important;
+      border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)) !important;
+      border-bottom-left-radius: 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
+  }
+}
+
+/* Reduce sidebar gap in compact mode */
+@media (-moz-bool-pref: "zen.view.compact") {
+  #navigator-toolbox {
+    padding: 5px !important;
+  }
+}
+
+/* quick access grid */
+#urlbar:not([usertyping]) {
+  .urlbarView-results {
+    padding-inline: 10px !important;
+    display: grid !important; 
+    grid-template-rows: repeat(2, auto) !important; 
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important; 
+    gap: 10px; 
+    justify-content: space-evenly !important;
+    white-space: normal !important; 
+  }
+  
+  .urlbarView-row-inner{
+    justify-content: center !important;
+    padding: 10px  !important;
+    width: 100px  !important;
+    mask-image: linear-gradient(to left, transparent, black 3ch);
+  }
+
+.urlbarView-no-wrap{
+    display: flex !important;
+    flex-direction: column !important;
+    max-width: 100% !important;
+    overflow: hidden;
+  }
+
+.urlbarView-favicon {
+    width: 32px !important;
+    height: 32px !important;
+    margin: 0px !important;
+    margin-bottom: 8px !important;
+  }
+
+.urlbarView-url, .urlbarView-title-separator, .urlbarView-type-icon {
+    display: none !important;
+  }
+}

themes/570afd9d-96fa-48b5-bad3-0c106757cce9/readme.md

@@ -0,0 +1,13 @@
+
+# Super Sleek UI Theme for Zen Browser
+
+A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.
+
+Features:
+- Added: Grid-style quick access shortcuts to search bar.
+- Added: Pop-out effect & slight background blur when search bar in focus.
+- Modified: Smaller navbar.
+- Modified: Smaller gap for floating sidebar when in compact mode to match UI.
+- Removed: Border padding (also works in compact mode & split view).
+- Removed: Rounded corners when in compact mode.
+- Removed: Border for search bar when not in focus.

themes/570afd9d-96fa-48b5-bad3-0c106757cce9/theme.json

@@ -0,0 +1 @@
+{"id": "570afd9d-96fa-48b5-bad3-0c106757cce9", "name": "Super Sleek UI", "description": "A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.", "homepage": "https://github.com/lingais/Zen-Broswer-Super-Sleek-UI-Theme.git", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/image.png", "author": "lingais", "version": "1.0.0"}