Merge pull request #1411 from sameerasw/main

Update theme: Transparent Zen

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;
+  }
+}

themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json

@@ -1,88 +1,62 @@
 [
-    {
+  {
-        "property": "browser.tabs.allow_transparent_browser",
+    "property": "browser.tabs.allow_transparent_browser",
-        "label": "Allow zen browser to be transparent (Turn off before uninstall)",
+    "label": "Allow zen browser to be transparent (Turn off before uninstall)",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": true
+    "defaultvalue": true
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_bg_color_enabled",
+    "property": "mod.sameerasw.zen_bg_color_enabled",
-        "label": "Enable custom background color for Zen",
+    "label": "Enable custom background color for Zen",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": false
+    "defaultvalue": false
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_transparency_color",
+    "property": "mod.sameerasw.zen_transparency_color",
-        "label": "Set background color for Zen (Overrides default theme colors)",
+    "label": "Set background color for Zen (Overrides default theme colors)",
-        "type": "string",
+    "type": "string",
-        "defaultvalue": "#00000000"
+    "defaultvalue": "#00000000"
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_light_tint_flip",
+    "property": "mod.sameerasw.zen_light_tint_flip",
-        "label": "Flip light tint for Zen after 1.8b to dark",
+    "label": "Flip light tint for Zen after 1.8b to dark",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": false
+    "defaultvalue": false
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_light_tint_disabled",
+    "property": "mod.sameerasw.zen_light_tint_disabled",
-        "label": "Disable light tint for Zen after 1.8b",
+    "label": "Disable light tint for Zen after 1.8b",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": true
+    "defaultvalue": true
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_empty_page_transparency",
+    "property": "mod.sameerasw.zen_empty_page_transparency",
-        "label": "Make the empty page transparent after Zen 1.9b",
+    "label": "Make the empty page transparent after Zen 1.9b",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": true
+    "defaultvalue": true
-    },
+  },
-    {
+  {
-        "property": "mod.sameerasw.zen_no_shadow",
+    "property": "mod.sameerasw.zen_no_shadow",
-        "label": "Remove the shadow around the web page",
+    "label": "Remove the shadow around the web page",
-        "type": "checkbox",
+    "type": "checkbox",
-        "defaultvalue": false
+    "defaultvalue": false
-    },
+  },
-    {
+  {
-        "property": "zen.widget.macos.window-material",
+    "property": "mod.sameerasw.zen_tab_switch_anim",
-        "label": "Modify macOS transparency (default: 2)",
+    "label": "Enable tab switch animation",
-        "type": "dropdown",
+    "type": "checkbox",
-        "options": [
+    "defaultvalue": false
-            {
+  },
-                "label": "0 - transparent",
+  {
-                "value": 0
+    "property": "mod.sameerasw.zen_urlbar_zoom_anim",
-            },
+    "label": "Enable URL bar zoom animation",
-            {
+    "type": "checkbox",
-                "label": "1",
+    "defaultvalue": false
-                "value": 1
+  },
-            },
+  {
-            {
+    "property": "mod.sameerasw.zen_trackpad_anim",
-                "label": "2",
+    "label": "Enable trackpad animation",
-                "value": 2
+    "type": "checkbox",
-            },
+    "defaultvalue": false
-            {
+  }
-                "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"
-        ]
-    }
 ]

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"
 }