mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +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