mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Merge 401fefc975
into b36258a8c7
This commit is contained in:
commit
c3bc581ed7
4 changed files with 54 additions and 0 deletions
34
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/chrome.css
Normal file
34
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/chrome.css
Normal 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
BIN
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 233 KiB |
6
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/readme.md
Normal file
6
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/readme.md
Normal 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></img>
|
14
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/theme.json
Normal file
14
themes/96f788de-ff6f-4f7c-a66b-7182c6285778/theme.json
Normal 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"
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue