Update gradient generator styles and replace palette icon

src/browser/base/content/zen-styles/zen-gradient-generator.css

@@ -5,7 +5,7 @@
  */
 
 #PanelUI-zen-gradient-generator {
-  --panel-width: 350px;
+  --panel-width: 325px;
   --panel-padding: 10px;
   min-width: var(--panel-width);
 }
@@ -207,6 +207,7 @@
 }
 
 #PanelUI-zen-gradient-generator-color-actions {
+  color-scheme: dark; /* Always use light colors */
   display: flex;
   position: absolute;
   bottom: 20px;
@@ -223,7 +224,7 @@
     padding: 0.4rem !important;
     min-width: fit-content !important;
     transition: background 0.2s;
-    & .button-text {
+    &:not(#PanelUI-zen-gradient-generator-color-toggle-algo) .button-text {
       display: none;
     }
     appearance: none;

src/browser/base/zen-components/ZenGradientGenerator.mjs

@@ -806,6 +806,9 @@
           });
         }
 
+        const button = browser.document.getElementById('PanelUI-zen-gradient-generator-color-toggle-algo');
+        document.l10n.setAttributes(button, `zen-panel-ui-gradient-generator-algo-${browser.gZenThemePicker.useAlgo}`);
+
         browser.gZenThemePicker.resetCustomColorList();
         if (!workspaceTheme || workspaceTheme.type !== 'gradient') {
           const gradient = browser.gZenThemePicker.getGradient([]);

src/browser/themes/shared/zen-icons/lin/palette.svg

@@ -1,7 +1 @@
-<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.726 18.0187C5.52867 17.6186 2.27067 13.9976 2.45167 9.65528C2.62612 5.47095 6.17401 2.01584 10.3614 1.9455C14.8739 1.86961 18.5556 5.50484 18.5556 9.99984C18.5556 11.6874 17.1876 13.0554 15.5 13.0554H12.2078C11.0593 13.0554 10.3269 14.2816 10.8714 15.2928L11.1352 15.7827C11.4238 16.3186 11.3643 16.9752 10.984 17.4505C10.68 17.8305 10.2104 18.0648 9.726 18.0187Z" stroke="#482615" style="stroke:#482615;stroke:color(display-p3 0.2824 0.1490 0.0824);stroke-opacity:1;" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.5 6.66656C11.1136 6.66656 11.6111 6.1691 11.6111 5.55545C11.6111 4.9418 11.1136 4.44434 10.5 4.44434C9.88635 4.44434 9.38889 4.9418 9.38889 5.55545C9.38889 6.1691 9.88635 6.66656 10.5 6.66656Z" fill="currentColor" stroke="none" fill-opacity="context-fill-opacity"/>
-<path d="M7.35733 7.96856C7.97098 7.96856 8.46845 7.4711 8.46845 6.85745C8.46845 6.2438 7.97098 5.74634 7.35733 5.74634C6.74368 5.74634 6.24622 6.2438 6.24622 6.85745C6.24622 7.4711 6.74368 7.96856 7.35733 7.96856Z" fill="currentColor" stroke="none" fill-opacity="context-fill-opacity"/>
-<path d="M13.6427 7.96856C14.2563 7.96856 14.7538 7.4711 14.7538 6.85745C14.7538 6.2438 14.2563 5.74634 13.6427 5.74634C13.029 5.74634 12.5316 6.2438 12.5316 6.85745C12.5316 7.4711 13.029 7.96856 13.6427 7.96856Z" fill="currentColor" stroke="none" fill-opacity="context-fill-opacity"/>
-<path d="M6.05555 11.1111C6.6692 11.1111 7.16666 10.6137 7.16666 10C7.16666 9.38638 6.6692 8.88892 6.05555 8.88892C5.4419 8.88892 4.94444 9.38638 4.94444 10C4.94444 10.6137 5.4419 11.1111 6.05555 11.1111Z" fill="currentColor" stroke="none" fill-opacity="context-fill-opacity"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18"><g stroke-linecap="round" stroke-width="1.5" fill="none" stroke="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M7.25,4.25v-.5c0-.552-.448-1-1-1H3.75c-.552,0-1,.448-1,1V13" data-color="color-2"></path><path d="M12.932,8.25l.2-.2c.391-.391,.391-1.024,0-1.414l-1.768-1.768c-.391-.391-1.024-.391-1.414,0L3.409,11.409" data-color="color-2"></path><circle cx="5" cy="13" r=".75" fill="currentColor" data-stroke="none" stroke="none"></circle><path d="M9,6.75h0c1.242,0,2.25,1.008,2.25,2.25v9.25c0,.552-.448,1-1,1h-2.5c-.552,0-1-.448-1-1V9c0-1.242,1.008-2.25,2.25-2.25Z" transform="translate(-4 22) rotate(-90)"></path><line x1="8.25" y1="10.75" x2="8.25" y2="15.25"></line><line x1="11.75" y1="10.75" x2="11.75" y2="15.25"></line></g></svg>

src/browser/themes/shared/zen-icons/palette.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18"><g stroke-linecap="round" stroke-width="1.5" fill="none" stroke="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M7.25,4.25v-.5c0-.552-.448-1-1-1H3.75c-.552,0-1,.448-1,1V13" data-color="color-2"></path><path d="M12.932,8.25l.2-.2c.391-.391,.391-1.024,0-1.414l-1.768-1.768c-.391-.391-1.024-.391-1.414,0L3.409,11.409" data-color="color-2"></path><circle cx="5" cy="13" r=".75" fill="currentColor" data-stroke="none" stroke="none"></circle><path d="M9,6.75h0c1.242,0,2.25,1.008,2.25,2.25v9.25c0,.552-.448,1-1,1h-2.5c-.552,0-1-.448-1-1V9c0-1.242,1.008-2.25,2.25-2.25Z" transform="translate(-4 22) rotate(-90)"></path><line x1="8.25" y1="10.75" x2="8.25" y2="15.25"></line><line x1="11.75" y1="10.75" x2="11.75" y2="15.25"></line></g></svg>