diff --git a/themes/83a641f7-eca9-4c0f-91af-45627bef0539/chrome.css b/themes/83a641f7-eca9-4c0f-91af-45627bef0539/chrome.css new file mode 100644 index 00000000..1bc3b19f --- /dev/null +++ b/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; + } +} diff --git a/themes/83a641f7-eca9-4c0f-91af-45627bef0539/image.png b/themes/83a641f7-eca9-4c0f-91af-45627bef0539/image.png new file mode 100644 index 00000000..a665b077 Binary files /dev/null and b/themes/83a641f7-eca9-4c0f-91af-45627bef0539/image.png differ diff --git a/themes/83a641f7-eca9-4c0f-91af-45627bef0539/readme.md b/themes/83a641f7-eca9-4c0f-91af-45627bef0539/readme.md new file mode 100644 index 00000000..876988b3 --- /dev/null +++ b/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) diff --git a/themes/83a641f7-eca9-4c0f-91af-45627bef0539/theme.json b/themes/83a641f7-eca9-4c0f-91af-45627bef0539/theme.json new file mode 100644 index 00000000..c57b2c56 --- /dev/null +++ b/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://raw.githubusercontent.com/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/83a641f7-eca9-4c0f-91af-45627bef0539/image.png", "author": "mauro-balades"} \ No newline at end of file