mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-08 01:10:01 +02:00
Add theme: urlbar animation
This commit is contained in:
parent
79781bdb26
commit
1224e7c569
5 changed files with 65 additions and 0 deletions
18
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/chrome.css
Normal file
18
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/chrome.css
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--zen-tabbox-scale: var(--zen-tabbox-user-scale, 1.07);
|
||||||
|
--zen-tabbox-blur: var(--zen-tabbox-user-blur, 10px);
|
||||||
|
--zen-tabbox-brightness: var(--zen-tabbox-user-brightness, 0.7);
|
||||||
|
--zen-tabbox-ease: cubic-bezier(var(--zen-tabbox-user-ease, 0.46, -0.45, 0.34, 1.69));
|
||||||
|
}
|
||||||
|
|
||||||
|
#zen-tabbox-wrapper {
|
||||||
|
transition: filter 0.25s ease, transform 0.25s var(--zen-tabbox-ease) !important;
|
||||||
|
filter: none !important;
|
||||||
|
transform: scale(1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:has(#urlbar:focus-within) #zen-tabbox-wrapper {
|
||||||
|
filter: blur(var(--zen-tabbox-blur)) brightness(var(--zen-tabbox-brightness)) !important;
|
||||||
|
transform: scale(var(--zen-tabbox-scale)) !important;
|
||||||
|
}
|
BIN
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/image.png
Normal file
BIN
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 139 KiB |
30
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/preferences.json
Normal file
30
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/preferences.json
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"property": "zen-tabbox-user-scale",
|
||||||
|
"label": "Tabbox scale (e.g. 1.07)",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "1.07",
|
||||||
|
"placeholder": "e.g. 1.05"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "zen-tabbox-user-blur",
|
||||||
|
"label": "Tabbox blur amount",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "10px",
|
||||||
|
"placeholder": "e.g. 8px"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "zen-tabbox-user-brightness",
|
||||||
|
"label": "Tabbox brightness",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "0.7",
|
||||||
|
"placeholder": "e.g. 0.9"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "zen-tabbox-user-ease",
|
||||||
|
"label": "Easing curve (4 values)",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "0.46, -0.45, 0.34, 1.69",
|
||||||
|
"placeholder": "e.g. 0.25, 0.1, 0.25, 1"
|
||||||
|
}
|
||||||
|
]
|
2
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/readme.md
Normal file
2
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/readme.md
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
|
||||||
|
this adds a customizable blur and tab expanding animation to the urlbar animation
|
15
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/theme.json
Normal file
15
themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/theme.json
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
{
|
||||||
|
"id": "e5a2ac73-87de-492d-8fef-ab8f4f634d17",
|
||||||
|
"name": "urlbar animation",
|
||||||
|
"description": "this adds a customizable blur and tab expanding animation to the urlbar animation",
|
||||||
|
"homepage": "https://github.com/Fury7425/my-zen-mods",
|
||||||
|
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/chrome.css",
|
||||||
|
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/readme.md",
|
||||||
|
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/image.png",
|
||||||
|
"author": "Fury7425",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"tags": [],
|
||||||
|
"createdAt": "2025-04-19",
|
||||||
|
"updatedAt": "2025-04-19",
|
||||||
|
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e5a2ac73-87de-492d-8fef-ab8f4f634d17/preferences.json"
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue