diff --git a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css index 281427eb..382ad6a0 100644 --- a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css +++ b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css @@ -1,24 +1,26 @@ - :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); - } +: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); + --mod-browser-radius-default: var(--user-tab-radius, 8px); +} - .browserStack browser { - transition: transform 0.22s cubic-bezier(var(--mod-browser-ease-swipe)) !important; - } +.browserStack browser { + transition: all 0.22s cubic-bezier(var(--mod-browser-ease-reset)) !important; + transform: translateX(0) !important; + border-radius: var(--mod-browser-radius-default) !important; +} - .browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"])) browser { - scale: var(--mod-browser-scale) !important; - transform: translateX(4%) !important; - } +.browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"]), #historySwipeAnimationNextArrow:not([style="translate: none;"])) browser { + transition: all 0.22s cubic-bezier(var(--mod-browser-ease-swipe)) !important; + scale: var(--mod-browser-scale) !important; + border-radius: calc(var(--mod-browser-radius-default) * 2) !important; +} - .browserStack:has(#historySwipeAnimationNextArrow:not([style="translate: none;"])) browser { - scale: var(--mod-browser-scale) !important; - transform: translateX(-4%) !important; - } +.browserStack:has(#historySwipeAnimationPreviousArrow:not([style="translate: none;"])) browser { + transform: translateX(3%) !important; +} - .browserStack browser:not(:has(#historySwipeAnimationPreviousArrow, #historySwipeAnimationNextArrow)) { - transition: transform 0.25s cubic-bezier(var(--mod-browser-ease-reset)) !important; - transform: translateX(0) !important; - } +.browserStack:has(#historySwipeAnimationNextArrow:not([style="translate: none;"])) browser { + transform: translateX(-3%) !important; +} diff --git a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json index 2b04cdf3..1adba9f1 100644 --- a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json +++ b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json @@ -1,29 +1,31 @@ [ { - "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–1.00" }, { - "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-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" }, { - "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" + "property": "user-tab-radius", + "label": "Tab border radius (e.g. 8px)", + "type": "string", + "defaultValue": "8px", + "placeholder": "e.g. 10px" } -] \ No newline at end of file +] + diff --git a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/theme.json b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/theme.json index f2e48f99..a7974f6d 100644 --- a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/theme.json +++ b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/theme.json @@ -1,6 +1,6 @@ { "id": "8039de3b-72e1-41ea-83b3-5077cf0f98d1", - "name": "trackpad animation", + "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/8039de3b-72e1-41ea-83b3-5077cf0f98d1/chrome.css", @@ -8,8 +8,8 @@ "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/image.png", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json", "author": "Fury7425", - "version": "1.1.1", + "version": "1.2.0", "tags": [], "createdAt": "2025-04-08", - "updatedAt": "2025-04-17" + "updatedAt": "2025-04-24" } \ No newline at end of file