feat: Set auto theme as default theme for zen, b=(no-bug), c=common, tabs

Author: mauro-balades

src/browser/components/customizableui/CustomizableUI-sys-mjs.patch

@@ -1,5 +1,5 @@
 diff --git a/browser/components/customizableui/CustomizableUI.sys.mjs b/browser/components/customizableui/CustomizableUI.sys.mjs
-index 91088fab1759b9af908912648d28daa5938a29c9..3f52ee8cd77ac171fd2cbf355ade1371e57d0db5 100644
+index 91088fab1759b9af908912648d28daa5938a29c9..399ee5303c909c7bd81cbfad3f0957350d49a03e 100644
 --- a/browser/components/customizableui/CustomizableUI.sys.mjs
 +++ b/browser/components/customizableui/CustomizableUI.sys.mjs
 @@ -13,6 +13,7 @@ ChromeUtils.defineESModuleGetters(lazy, {
@@ -10,15 +10,6 @@ index 91088fab1759b9af908912648d28daa5938a29c9..3f52ee8cd77ac171fd2cbf355ade1371
    HomePage: "resource:///modules/HomePage.sys.mjs",
    PanelMultiView: "resource:///modules/PanelMultiView.sys.mjs",
    PrivateBrowsingUtils: "resource://gre/modules/PrivateBrowsingUtils.sys.mjs",
-@@ -25,7 +26,7 @@ ChromeUtils.defineLazyGetter(lazy, "gWidgetsBundle", function () {
-   return Services.strings.createBundle(kUrl);
- });
- 
--const kDefaultThemeID = "[email protected]";
-+const kDefaultThemeID = "[email protected]";
- 
- const kSpecialWidgetPfx = "customizableui-special-";
- 
 @@ -338,13 +339,11 @@ var CustomizableUIInternal = {
        "vertical-spacer",
        "urlbar-container",

src/browser/themes/BuiltInThemes-sys-mjs.patch

@@ -1,5 +1,5 @@
 diff --git a/toolkit/modules/LightweightThemeConsumer.sys.mjs b/toolkit/modules/LightweightThemeConsumer.sys.mjs
-index d8c79cbae4de3ebfc5dc62f3597c7be4965a5429..ba1a44a0be5b5837467cfc84074d4869aee6aa62 100644
+index d8c79cbae4de3ebfc5dc62f3597c7be4965a5429..4398108bd6d74aa8b6689baaf5334d8ba9a26c4e 100644
 --- a/toolkit/modules/LightweightThemeConsumer.sys.mjs
 +++ b/toolkit/modules/LightweightThemeConsumer.sys.mjs
 @@ -31,7 +31,7 @@ const toolkitVariableMap = [
@@ -11,26 +11,3 @@ index d8c79cbae4de3ebfc5dc62f3597c7be4965a5429..ba1a44a0be5b5837467cfc84074d4869
          }
          // Remove the alpha channel
          const { r, g, b } = rgbaChannels;
-@@ -339,6 +339,7 @@ LightweightThemeConsumer.prototype = {
-       theme.additionalBackgrounds
-     );
-     let _processedColors = _setProperties(root, hasTheme, theme);
-+    this._zenSetAccentColor(root);
- 
-     if (hasTheme) {
-       if (updateGlobalThemeData) {
-@@ -431,6 +432,14 @@ LightweightThemeConsumer.prototype = {
-       this._lastExperimentData.stylesheet = stylesheet;
-     }
-   },
-+
-+  _zenSetAccentColor(root) {
-+    const themeAccent = Services.prefs.getStringPref(
-+      "zen.theme.accent-color",
-+      "#0b57d0"
-+    );
-+    root.style.setProperty("--zen-primary-color", themeAccent);
-+  },
- };
- 
- function _getContentProperties(doc, hasTheme, data) {

src/toolkit/modules/LightweightThemeConsumer-sys-mjs.patch

@@ -179,6 +179,9 @@
   --zen-big-shadow: 0 0 9.73px 0px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25));
   --zen-active-tab-scale: 0.98;
 
+  /* Define tab hover background color */
+  --tab-hover-background-color: color-mix(in srgb, var(--toolbarbutton-hover-background) 50%, transparent 50%);
+
   /* Nativity */
   --zen-native-content-radius: var(--zen-border-radius);
   @media (-moz-platform: linux) {

src/toolkit/mozapps/extensions/internal/AddonSettings-sys-mjs.patch

@@ -65,7 +65,7 @@
   }
 
   &:hover #urlbar-background {
-    background-color: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2)) !important;
+    background-color: light-dark(rgba(89, 89, 89, 0.2), rgba(255, 255, 255, 0.2)) !important;
   }
 }
 

src/toolkit/mozapps/extensions/internal/XPIDatabase-sys-mjs.patch

@@ -191,9 +191,6 @@
     --tab-border-radius: 10px;
   }
 
-  /* Define tab hover background color */
-  --tab-hover-background-color: color-mix(in srgb, var(--toolbarbutton-hover-background) 50%, transparent 50%);
-
   min-width: var(--zen-toolbox-min-width);
   margin-top: 0 !important; /* Fix potential issues in full screen mode */
   border: none; /* Remove default borders */
@@ -1319,7 +1316,7 @@
   }
 
   &:hover .tab-background {
-    background: var(--tab-selected-bgcolor);
+    background: var(--tab-hover-background-color);
   }
 
   /* Optional blurred favicon background effect (if pref `zen.theme.essentials-favicon-bg` is enabled) */