ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-08 01:10:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add theme: Floating Blur

Browse source
This commit is contained in:
S42yt 2025-02-17 15:20:07 +00:00 • committed by GitHub
parent a03ca511d2
commit 401fefc975
4 changed files with 54 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

34
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/chrome.css Normal file
View file

@ -0,0 +1,34 @@
#browser:has(#urlbar[open][zen-floating-urlbar="true"], #searchbar:focus-within) .browserContainer {
pointer-events: none;
transform-origin: center;
filter: blur(10px) brightness(70%) saturate(50%) opacity(70%) !important;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
#urlbar[open][zen-floating-urlbar="true"],
#searchbar:focus-within {
animation: urlbarFloat 0.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
backdrop-filter: blur(8px);
transform-origin: top;
}
@keyframes urlbarFloat {
0% {
transform: translateY(-5px) scale(0.98);
opacity: 0;
}
100% {
transform: translateY(0) scale(1);
opacity: 1;
}
}
#urlbar[zen-floating-urlbar="true"],
#searchbar {
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.browserContainer {
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

BIN
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 233 KiB

6
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/readme.md Normal file
View file

@ -0,0 +1,6 @@
# Floating Blur
This Mod/Theme animates the Floating URL Bar in Zen and also blurs the background when its opened.
<img>![Floating Blur](../assets/floating_blur.png)</img>

14
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/theme.json Normal file
View file

@ -0,0 +1,14 @@
{
"id": "96f788de-ff6f-4f7c-a66b-7182c6285778",
"name": "Floating Blur",
"description": "This Mod/Theme animates the Floating URL Bar in Zen and also blurs the background when its opened.",
"homepage": "https://github.com/S42yt/Zen-Mods",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96f788de-ff6f-4f7c-a66b-7182c6285778/image.png",
"author": "S42yt",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-02-17",
"updatedAt": "2025-02-17"
}