diff --git a/themes.json b/themes.json index eab3dbd9..5ae4f71c 100644 --- a/themes.json +++ b/themes.json @@ -1,19 +1,4 @@ { - "fd79066d-ba22-4cd1-8ad0-cfd82c12026a": { - "id": "fd79066d-ba22-4cd1-8ad0-cfd82c12026a", - "name": "Zen URL Bar Tweaks", - "description": "A collection of tweaks for the Zen browser URL bar with options to toggle each tweak.", - "homepage": "https://github.com/litegral/zen-url-bar-tweaks", - "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css", - "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md", - "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png", - "author": "litegral", - "version": "1.0.0", - "tags": [], - "createdAt": "2025-04-05", - "updatedAt": "2025-04-09", - "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json" - }, "c5f7fb68-cc75-4df0-8b02-dc9ee13aa773": { "id": "c5f7fb68-cc75-4df0-8b02-dc9ee13aa773", "name": "Audio TabIcon Plus", @@ -562,16 +547,16 @@ "642854b5-88b4-4c40-b256-e035532109df": { "id": "642854b5-88b4-4c40-b256-e035532109df", "name": "Transparent Zen", - "description": "Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation.", + "description": "Make the Zen Browser's background transparent and modify the empty tab page and ahve animations that goes along with the transparency. Turn off transparency in mod settings before uninstallation.", "homepage": "https://github.com/sameerasw/zen-themes/tree/main/TransparentZen", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png", "author": "sameerasw", - "version": "1.9.1", + "version": "1.11.2", "tags": [], "createdAt": "2025-02-04", - "updatedAt": "2025-03-11", + "updatedAt": "2025-04-11", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json" }, "22c9ec3b-7c62-46ae-991f-c8fff5046829": { @@ -1226,10 +1211,10 @@ "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/image.png", "author": "Fury7425", - "version": "1.0.0", + "version": "1.1.0", "tags": [], "createdAt": "2025-04-08", - "updatedAt": "2025-04-09" + "updatedAt": "2025-04-11" }, "a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec": { "id": "a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec", diff --git a/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css b/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css index 869bf763..26f129c6 100644 --- a/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css +++ b/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css @@ -40,3 +40,82 @@ hbox.browserSidebarContainer, } } } + +/* Animations */ +/* Tab switch animation */ +#tabbrowser-tabpanels + > hbox:not([zen-split="true"]):not(:has(.zen-glance-background)) { + @media (-moz-bool-pref: "mod.sameerasw.zen_tab_switch_animation") { + transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.35), + filter 0.45s ease-in-out, opacity 0.35s ease-in-out !important; + scale: 0.9 !important; + opacity: 0; + } +} +#tabbrowser-tabpanels > hbox.deck-selected:not([zen-split="true"]) { + @media (-moz-bool-pref: "mod.sameerasw.zen_tab_switch_animation") { + scale: 1 !important; + opacity: 1 !important; + } +} + +/* website view animations */ +#browser:not(:has(.zen-glance-background)) #tabbrowser-tabpanels { + @media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") { + transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.35) !important; + } +} + +/* URL bar page animation */ +#browser:has(#urlbar[open][zen-floating-urlbar="true"]) #tabbrowser-tabpanels { + @media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") { + pointer-events: none; + scale: 1.1 !important; + filter: blur(10px) brightness(70%) !important; + } +} + +#urlbar[open][zen-floating-urlbar="true"] #urlbar-background { + @media (-moz-bool-pref: "mod.sameerasw.zen_urlbar_zoom_anim") { + border-radius: 1em !important; + } +} + +/* trackpad gestures*/ +tabpanels .browserStack browser { + @media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") { + transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1) 0.1s !important; + border-radius: 0.75em !important; + } +} + +/* Previous animation*/ +.browserStack:has( + #historySwipeAnimationPreviousArrow:not([style="translate: none;"]) + ) + browser { + @media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") { + scale: 0.95 !important; + transform: translateX(3%) !important; + border-radius: 2em !important; + } +} + +/* Next animation*/ +.browserStack:has( + #historySwipeAnimationNextArrow:not([style="translate: none;"]) + ) + browser { + @media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") { + scale: 0.95 !important; + transform: translateX(-3%) !important; + border-radius: 2em !important; + } +} + +/* smoothen trackpad gestures */ +.browserStack browser[style*="transform: none"] { + @media (-moz-bool-pref: "mod.sameerasw.zen_trackpad_anim") { + border-radius: 0.75em !important; + } +} diff --git a/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json b/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json index df1258be..ffdbdaae 100644 --- a/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json +++ b/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json @@ -42,47 +42,21 @@ "defaultvalue": false }, { - "property": "zen.widget.macos.window-material", - "label": "Modify macOS transparency (default: 2)", - "type": "dropdown", - "options": [ - { - "label": "0 - transparent", - "value": 0 - }, - { - "label": "1", - "value": 1 - }, - { - "label": "2", - "value": 2 - }, - { - "label": "3", - "value": 3 - }, - { - "label": "4", - "value": 4 - }, - { - "label": "5", - "value": 5 - }, - { - "label": "6", - "value": 6 - }, - { - "label": "7 - opaque", - "value": 7 - } - ], - "defaultvalue": 2, - "disabledOn": [ - "windows", - "linux" - ] + "property": "mod.sameerasw.zen_tab_switch_anim", + "label": "Enable tab switch animation", + "type": "checkbox", + "defaultvalue": false + }, + { + "property": "mod.sameerasw.zen_urlbar_zoom_anim", + "label": "Enable URL bar zoom animation", + "type": "checkbox", + "defaultvalue": false + }, + { + "property": "mod.sameerasw.zen_trackpad_anim", + "label": "Enable trackpad animation", + "type": "checkbox", + "defaultvalue": false } ] \ No newline at end of file diff --git a/themes/642854b5-88b4-4c40-b256-e035532109df/theme.json b/themes/642854b5-88b4-4c40-b256-e035532109df/theme.json index b237c6ec..3fd88a1f 100644 --- a/themes/642854b5-88b4-4c40-b256-e035532109df/theme.json +++ b/themes/642854b5-88b4-4c40-b256-e035532109df/theme.json @@ -1,15 +1,15 @@ { "id": "642854b5-88b4-4c40-b256-e035532109df", "name": "Transparent Zen", - "description": "Make the Zen Browser's background transparent and modify the empty tab page. Turn off transparency in mod settings before uninstallation.", + "description": "Make the Zen Browser's background transparent and modify the empty tab page and ahve animations that goes along with the transparency. Turn off transparency in mod settings before uninstallation.", "homepage": "https://github.com/sameerasw/zen-themes/tree/main/TransparentZen", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/image.png", "author": "sameerasw", - "version": "1.9.1", + "version": "1.11.2", "tags": [], "createdAt": "2025-02-04", - "updatedAt": "2025-03-11", + "updatedAt": "2025-04-11", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json" } \ No newline at end of file diff --git a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json index 968195e2..2b04cdf3 100644 --- a/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json +++ b/themes/8039de3b-72e1-41ea-83b3-5077cf0f98d1/preferences.json @@ -18,13 +18,12 @@ "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" - } - + } ] \ No newline at end of file diff --git a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css b/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css deleted file mode 100644 index 2815c787..00000000 --- a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css +++ /dev/null @@ -1,85 +0,0 @@ - -/* Base styles always applied */ -#urlbar-background { - border: 2px solid transparent !important; - border-radius: var(--mod-urlbar-border_radius) !important; - transition: box-shadow 0.3s ease-in-out !important; -} - -/* Hide container icons when enabled */ -@media (-moz-bool-pref: "mod.urlbar.hide_elements") { - #userContext-identity-icon, - #userContext-indicator { - display: none !important; - } - - /* Hide permission icons by default */ - #identity-permission-box { - opacity: 0; - transition: opacity 0.2s ease-in-out; - } - - /* Hide or reduce some elements to improve appearance */ - #identity-box { - margin-inline-end: 0 !important; - max-width: 0 !important; - padding: 0 !important; - overflow: hidden !important; - } - - #page-action-buttons { - display: none !important; - } -} - -/* Show elements on hover when enabled */ -@media (-moz-bool-pref: "mod.urlbar.show_on_hover") { - /* Show permission icons when hovering over the URL bar */ - #urlbar:hover #identity-permission-box { - opacity: 1; - } - - /* Show these elements on hover if needed */ - #urlbar:hover #identity-box, - #urlbar:focus-within #identity-box { - max-width: unset !important; - margin-inline-end: 4px !important; - } - - #urlbar:hover #page-action-buttons, - #urlbar:focus-within #page-action-buttons { - display: flex !important; - } -} - -/* Center the URL in the address bar when enabled */ -@media (-moz-bool-pref: "mod.urlbar.center_url") { - #urlbar-input-container { - justify-content: center !important; - } - - #urlbar-input { - text-align: center !important; - } -} - -/* Apply colorful border when enabled */ -@media (-moz-bool-pref: "mod.urlbar.colorful_border") { - #urlbar-background { - background-origin: border-box !important; - background-clip: padding-box, border-box !important; - background-image: linear-gradient(rgba(59, 59, 61, 0.8), rgba(59, 59, 61, 0.8)), - linear-gradient(90deg, #ff7e5f, #feb47b, #7bc6cc, #8583ed) !important; - } -} - -/* Apply glow effect on focus when enabled */ -@media (-moz-bool-pref: "mod.urlbar.glow_effect") { - #urlbar-background { - box-shadow: 0 0 8px rgba(137, 137, 186, 0.3) !important; - } - - #urlbar[focused="true"] #urlbar-background { - box-shadow: 0 0 12px rgba(99, 185, 255, 0.5) !important; - } -} diff --git a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png b/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png deleted file mode 100644 index 5e6c7edb..00000000 Binary files a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png and /dev/null differ diff --git a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json b/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json deleted file mode 100644 index 4462e627..00000000 --- a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json +++ /dev/null @@ -1,39 +0,0 @@ -[ - { - "property": "mod.urlbar.hide_elements", - "label": "Hide container and permission icons", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.urlbar.show_on_hover", - "label": "Show hidden elements on hover", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.urlbar.center_url", - "label": "Center the URL in address bar", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.urlbar.colorful_border", - "label": "Use colorful gradient border", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.urlbar.glow_effect", - "label": "Enable glow effect on focus", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.urlbar.border_radius", - "label": "Border radius", - "type": "string", - "defaultValue": "8px", - "placeholder": "e.g: 8px" - } -] \ No newline at end of file diff --git a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md b/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md deleted file mode 100644 index 5261543d..00000000 --- a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md +++ /dev/null @@ -1,30 +0,0 @@ - -# Zen URL Bar Tweaks - -A collection of tweaks for the Zen browser URL bar. - -To use the mod, just install it and go to the Zen Mods page on your Zen browser. You will see the mod listed there. Click on the settings icon to turn on/off the tweaks. - -## Features - -Here's a list of the tweak options included in this Zen browser mod: - -- ✅ **Hide container and permission icons** - Clean up the URL bar by hiding container indicators and site permission icons. - -- ✅ **Show hidden elements on hover** - Reveal icons and actions when hovering over the URL bar, keeping the look minimal when idle. - -- ✅ **Center the URL in the address bar** - Align the URL to the center of the bar for a balanced aesthetic. - -- ✅ **Use colorful gradient border** - Add a stylish colorful border around the URL bar (toggle only). - -- ✅ **Enable glow effect on focus** - Make the URL bar glow subtly when focused, improving visual feedback. - -- ✅ **Adjustable border radius** - Customize how rounded the corners of the URL bar look (e.g., 4px, 8px, 16px, etc.). - -> You can turn on/off each of these tweaks individually in the Zen Mods page in `about:settings`. diff --git a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/theme.json b/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/theme.json deleted file mode 100644 index 411a2b1a..00000000 --- a/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/theme.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "id": "fd79066d-ba22-4cd1-8ad0-cfd82c12026a", - "name": "Zen URL Bar Tweaks", - "description": "A collection of tweaks for the Zen browser URL bar with options to toggle each tweak.", - "homepage": "https://github.com/litegral/zen-url-bar-tweaks", - "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/chrome.css", - "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/readme.md", - "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/image.png", - "author": "litegral", - "version": "1.0.0", - "tags": [], - "createdAt": "2025-04-05", - "updatedAt": "2025-04-09", - "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/fd79066d-ba22-4cd1-8ad0-cfd82c12026a/preferences.json" -} \ No newline at end of file