From 6d8673724d03614a9207413e0a7f78acb768e94c Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Sun, 22 Dec 2024 09:24:00 +0100
Subject: [PATCH] Refactor ZenGradientGenerator to clean up event handling and
 adjust color mix percentages for toolbar

---
 .../base/zen-components/ZenGradientGenerator.mjs     | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/browser/base/zen-components/ZenGradientGenerator.mjs b/src/browser/base/zen-components/ZenGradientGenerator.mjs
index eebc99400..5d1786b95 100644
--- a/src/browser/base/zen-components/ZenGradientGenerator.mjs
+++ b/src/browser/base/zen-components/ZenGradientGenerator.mjs
@@ -245,9 +245,7 @@
 
     onThemePickerClick(event) {
       event.preventDefault();
-
       if (event.button !== 0 || this.dragging ) return;
-
       const gradient = this.panel.querySelector('.zen-theme-picker-gradient');
       const rect = gradient.getBoundingClientRect();
       const padding = 90; // each side
@@ -274,7 +272,6 @@
         const relativeX = event.clientX - rect.left;
         const relativeY = event.clientY - rect.top;
 
-
         const color = this.getColorFromPosition(relativeX, relativeY);
 
         // Create new dot
@@ -357,7 +354,6 @@
       listItems.querySelector('.zen-theme-picker-dot-custom').style.setProperty('--zen-theme-picker-dot-color', color);
       listItems.querySelector('.zen-theme-picker-custom-list-item-label').textContent = color;
 
-
       this.customColorList.appendChild(listItems);
     }
 
@@ -365,11 +361,9 @@
 
       const color = this.customColorInput.value;
       if (!color) {
-
         return;
       }
 
-
       // can be any color format, we just add it to the list as a dot, but hidden
       const dot = document.createElement('div');
       dot.classList.add('zen-theme-picker-dot', 'hidden', 'custom');
@@ -380,8 +374,6 @@
       await this.updateCurrentWorkspace();
     }
 
-
-
     onThemePickerClick(event) {
       event.preventDefault();
 
@@ -403,11 +395,9 @@
         return;
       }
 
-
       const clickedElement = event.target;
       const isExistingDot = clickedElement.classList.contains('zen-theme-picker-dot');
 
-
       if (!isExistingDot && this.numberOfDots < ZenThemePicker.MAX_DOTS) {
         const relativeX = event.clientX - rect.left;
         const relativeY = event.clientY - rect.top;
@@ -498,7 +488,7 @@
 
     getToolbarModifiedBase() {
       return this.isDarkMode ?
-        'color-mix(in srgb, var(--zen-themed-toolbar-bg) 70%, #fff 30%)'
+        'color-mix(in srgb, var(--zen-themed-toolbar-bg) 80%, #fff 20%)'
       : 'color-mix(in srgb, var(--zen-themed-toolbar-bg) 95%, #000 5%)';
     }