Add theme: Immersive Search

This commit is contained in:
LucHermkens 2025-02-11 23:20:44 +00:00 committed by GitHub
parent f6812de734
commit 099d8ed6e0
4 changed files with 54 additions and 0 deletions

View file

@ -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);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -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)

View file

@ -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"
}