Add theme: Load Bar

themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/chrome.css

@@ -0,0 +1,49 @@
+
+@media (-moz-bool-pref: "zen.view.use-single-toolbar") {
+  #zen-appcontent-wrapper {
+    position: relative !important;
+    background-color: transparent !important; /* The rest of the div remains transparent */
+  }
+
+#zen-appcontent-wrapper::before {
+    content: "" !important;
+    position: absolute !important;
+    top: 2px !important;
+    left: 6px !important;
+    height: 4px !important; /* Height of the top background */
+    max-width: calc(100% - 16px) !important; /* Adjust for margins */
+    width: var(--bar-pcent) !important; /* Ensure full width or customizable width */
+    background-color: var(--bar-colour) !important; /* Solid color for the bar */
+    border-radius: 4px; /* Adjust this value to control the roundness of the ends */
+    pointer-events: none !important;
+    transition: width 0.5s ease-in-out, background 0.2s ease-in !important; /* Apply smooth transition on width and background */
+  }
+
+/* Current tab loading progress and muted status */
+  #main-window {
+    &:has(.tabbrowser-tab[selected][busy]) {
+      --bar-colour: white;
+      --bar-pcent: 15%;
+    }
+
+&:has(.tabbrowser-tab[selected][busy][pendingicon]) {
+      --bar-colour: white;
+      --bar-pcent: 45%;
+    }
+
+&:has(.tabbrowser-tab[selected][busy][pendingicon][progress]) {
+      --bar-colour: white;
+      --bar-pcent: 85%;
+    }
+
+&:has(.tabbrowser-tab[selected][busy][progress]) {
+      --bar-colour: white;
+      --bar-pcent: 95%;
+    }
+
+&:has(.tabbrowser-tab[selected][muted]:not([busy])) {
+      --bar-colour: orangered;
+      --bar-pcent: 100%;
+    }
+  }
+}

themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/readme.md

@@ -0,0 +1,4 @@
+
+# Load Bar
+
+Creates a sleek loading bar and mute status for single toolbar mode.

themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "ae7868dc-1fa1-469e-8b89-a5edf7ab1f24",
+    "name": "Load Bar",
+    "description": "Creates a sleek loading bar and mute status for single toolbar mode.",
+    "homepage": "https://github.com/Tanay-Kar/Zen-Themes/tree/main/LoadBar",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/image.png",
+    "author": "Tanay-Kar",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2024-12-21",
+    "updatedAt": "2024-12-21"
+}