diff --git a/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/chrome.css b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/chrome.css new file mode 100644 index 00000000..f94acc70 --- /dev/null +++ b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/chrome.css @@ -0,0 +1,34 @@ + +#urlbar[open][zen-floating-urlbar="true"] { + top: 50% !important; + transform: translateX(calc(var(--zen-sidebar-width, 273px) / 2)) translateY(-50%) !important; +} + +.browserContainer { + will-change: filter; + transition: filter 0.2s ease-out; +} + +#zen-appcontent-wrapper:has(#urlbar[zen-floating-urlbar="true"]) .browserContainer { + filter: blur(5px); +} + +#tabbrowser-tabbox::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + user-select: none; + pointer-events: none; + border-radius: var(--zen-native-inner-radius); + +will-change: background-color; + background-color: rgba(0, 0, 0, 0); + transition: background-color 0.2s ease-out; +} + +#zen-appcontent-wrapper:has(#urlbar[zen-floating-urlbar="true"]) #tabbrowser-tabbox::before { + background-color: rgba(0, 0, 0, 0.5); +} diff --git a/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/image.png b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/image.png new file mode 100644 index 00000000..e8b768e2 Binary files /dev/null and b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/image.png differ diff --git a/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/readme.md b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/readme.md new file mode 100644 index 00000000..7d6a5da7 --- /dev/null +++ b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/readme.md @@ -0,0 +1,6 @@ + +# Immersive Search + +Transforms the look of the URL bar in your Zen Browser to have a dark and blurry background. + +![Immersive Search](images/search.png) diff --git a/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/theme.json b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/theme.json new file mode 100644 index 00000000..94a2eaa9 --- /dev/null +++ b/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/theme.json @@ -0,0 +1,14 @@ +{ + "id": "3f316ff2-ede6-4610-888d-8be3f76f8e10", + "name": "Immersive Search", + "description": "Transforms the look of the URL bar in your Zen Browser to have a dark and blurry background.", + "homepage": "https://github.com/LucHermkens/immersive-search", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3f316ff2-ede6-4610-888d-8be3f76f8e10/image.png", + "author": "LucHermkens", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-02-11", + "updatedAt": "2025-02-11" +} \ No newline at end of file