feat(userChrome): add tab switch animation toggle

- Introduced a new user preference for enabling or disabling tab switch animation.
- Updated userChrome.css to import the new animation styles.

Author: amnweb

README.md

@@ -21,6 +21,7 @@
 - To enable macOS button style, open `user.js`, find `fp.tweak.macos-button` and set it to `true`.  
 - To disable bookmarks autohide open `user.js`, find `fp.tweak.autohide-bookmarks` and set it to `false`.
 - To enable or disable rounded corners, open `user.js`, find `fp.tweak.rounded-corners` and set it to `true` or `false`.  
+- To enable or disable tab switch animation, open `user.js`, find `fp.tweak.animation.tab-switch` and set it to `true` or `false`.  
 - To enable or disable White Mode, open `user.js`, find `browser.in-content.dark-mode` and set it to `true` or `false`. Then find and set `ui.systemUsesDarkTheme` to `1` or `0`.
 
 ***

chrome/animations/tab-animation.css

@@ -0,0 +1,10 @@
+  #tabbrowser-tabpanels > hbox {
+    transition: all 0.2s;
+    scale: 1.01 !important;
+    filter: blur(4px) !important;
+  }
+
+  #tabbrowser-tabpanels > hbox.deck-selected  {
+    scale: 1 !important;
+    filter: none !important;
+  }

chrome/userChrome.css

@@ -1,8 +1,9 @@
-@import url("toolbar/tabbar.css");
+@import url("toolbar/tabbar.css") not -moz-pref("sidebar.verticalTabs");
 @import url("toolbar/navbar.css");
 @import url("toolbar/personalbar.css");
 @import url("toolbar/urlbar.css");
 @import url("toolbar/searchbar.css");
 @import url("global/general.css");
 @import url("icons/icons.css");
-@import url("global/rounded-corners.css") -moz-pref("fp.tweak.rounded-corners");
+@import url("global/rounded-corners.css") -moz-pref("fp.tweak.rounded-corners");
+@import url("animations/tab-animation.css") -moz-pref("fp.tweak.animation.tab-switch"); 

install.ps1

@@ -91,6 +91,11 @@ Get-ChildItem -Path $firefoxProfilesPath | ForEach-Object {
             "desc"  = "Enable rounded corners"
             "type"  = "boolean"
         },
+        [PSCustomObject]@{
+            "line"  = "user_pref(`"fp.tweak.animation.tab-switch`", true);"
+            "desc"  = "Enable tab switch animation"
+            "type"  = "boolean"
+        },
         [PSCustomObject]@{
             "line"  = "user_pref(`"app.update.auto`", false);"
             "desc"  = "Enable Firefox autoupdate"