Add theme: trackpad animation

This commit is contained in:
Fury7425 2025-04-10 09:05:54 +00:00 committed by GitHub
parent 680929f836
commit 7d696f66f9
5 changed files with 73 additions and 0 deletions

View file

@ -0,0 +1,27 @@
@media (-moz-bool-pref: "mod.browser.scale_enabled") {
:root {
--mod-browser-scale: var(--user-browser-scale, 0.98);
--mod-browser-ease-swipe: var(--user-browser-ease-swipe, 0.3, 1.2, 0.5, 1);
--mod-browser-ease-reset: var(--user-browser-ease-reset, 0.2, 1.4, 0.3, 1);
}
.browserStack browser {
transition: transform 0.22s cubic-bezier(var(--mod-browser-ease-swipe)) !important;
}
.browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"])) browser {
scale: var(--mod-browser-scale) !important;
transform: translateX(4%) !important;
}
.browserStack:has(#historySwipeAnimationNextArrow:not([style="translate: none;"])) browser {
scale: var(--mod-browser-scale) !important;
transform: translateX(-4%) !important;
}
.browserStack browser:not(:has(#historySwipeAnimationPreviousArrow, #historySwipeAnimationNextArrow)) {
transition: transform 0.25s cubic-bezier(var(--mod-browser-ease-reset)) !important;
transform: translateX(0) !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

View file

@ -0,0 +1,29 @@
[
{
"property": "mod.browser.scale_enabled",
"label": "Enable swipe scale animation",
"type": "checkbox",
"defaultValue": true
},
{
"property": "user-browser-scale",
"label": "Swipe scale (e.g. 0.98 for 2%)",
"type": "string",
"defaultValue": "0.98",
"placeholder": "0.97\u20131.00"
},
{
"property": "user-browser-ease-swipe",
"label": "Swipe easing curve (4 numbers)",
"type": "string",
"defaultValue": "0.3, 1.2, 0.5, 1",
"placeholder": "e.g. 0.25, 0.1, 0.25, 1"
},
{
"property": "user-browser-ease-reset",
"label": "Reset easing curve (4 numbers)",
"type": "string",
"defaultValue": "0.2, 1.4, 0.3, 1",
"placeholder": "e.g. 0.2, 0.8, 0.2, 1"
}
]

View file

@ -0,0 +1,2 @@
made it for an extra animation when using a trackpad.

View file

@ -0,0 +1,15 @@
{
"id": "028135ae-c959-486e-981c-4dc3eca535af",
"name": "trackpad animation",
"description": "adds backward and forward animation for trackpad gesture",
"homepage": "https://github.com/Fury7425/zen-trackpad-gesture-animation",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/028135ae-c959-486e-981c-4dc3eca535af/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/028135ae-c959-486e-981c-4dc3eca535af/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/028135ae-c959-486e-981c-4dc3eca535af/image.png",
"author": "Fury7425",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-04-10",
"updatedAt": "2025-04-10",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/028135ae-c959-486e-981c-4dc3eca535af/preferences.json"
}