From 832b0c4fe3750a9c7dec2902023b6fa2a2762976 Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Sun, 7 Dec 2025 19:02:14 +0100
Subject: [PATCH 1/2] feat: Increase the space of grid for devices that dont
 support sub-pixel rendering, b=no-bug, c=workspaces

---
 src/zen/workspaces/zen-gradient-generator.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/zen/workspaces/zen-gradient-generator.css b/src/zen/workspaces/zen-gradient-generator.css
index 3e4ca8911..9f0fd95c5 100644
--- a/src/zen/workspaces/zen-gradient-generator.css
+++ b/src/zen/workspaces/zen-gradient-generator.css
@@ -252,7 +252,7 @@
   min-height: calc(var(--panel-width) - var(--panel-padding) * 2 - 2px);
   background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.03));
   background-image: radial-gradient(
-    light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)) 0.5px,
+    light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.05)) 1px,
     transparent 0
   );
   background-position: -23px -23px;

From 85d52d15c2ac8d35fc45da2c9b1c7789df5c08a7 Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Mon, 8 Dec 2025 01:40:53 +0100
Subject: [PATCH 2/2] fix: Fixed incorrect dot possition and scaling, b=no-bug,
 c=common, workspaces

---
 src/zen/common/styles/zen-animations.css      | 6 +++---
 src/zen/workspaces/ZenGradientGenerator.mjs   | 8 ++++++--
 src/zen/workspaces/zen-gradient-generator.css | 7 ++++---
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/zen/common/styles/zen-animations.css b/src/zen/common/styles/zen-animations.css
index 1c2bd3c69..ae77e9502 100644
--- a/src/zen/common/styles/zen-animations.css
+++ b/src/zen/common/styles/zen-animations.css
@@ -18,13 +18,13 @@
 
 @keyframes zen-theme-picker-dot-animation {
   from {
-    transform: scale(0.8) translate(-25%, -25%);
+    transform: scale(0.8) translate(-50%, -50%);
   }
   50% {
-    transform: scale(1.2) translate(-25%, -25%);
+    transform: scale(1.2) translate(-50%, -50%);
   }
   to {
-    transform: scale(1) translate(-25%, -25%);
+    transform: scale(1) translate(-50%, -50%);
   }
 }
 
diff --git a/src/zen/workspaces/ZenGradientGenerator.mjs b/src/zen/workspaces/ZenGradientGenerator.mjs
index 377765efb..ac5aaf517 100644
--- a/src/zen/workspaces/ZenGradientGenerator.mjs
+++ b/src/zen/workspaces/ZenGradientGenerator.mjs
@@ -799,8 +799,12 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
           gZenUIManager.motion.animate(
             existingDot.element,
             {
-              left: `${dotPosition.position.x}px`,
-              top: `${dotPosition.position.y}px`,
+              left: existingDot.element.style.left
+                ? [existingDot.element.style.left, `${dotPosition.position.x}px`]
+                : `${dotPosition.position.x}px`,
+              top: existingDot.element.style.top
+                ? [existingDot.element.style.top, `${dotPosition.position.y}px`]
+                : `${dotPosition.position.y}px`,
             },
             {
               duration: 0.4,
diff --git a/src/zen/workspaces/zen-gradient-generator.css b/src/zen/workspaces/zen-gradient-generator.css
index 9f0fd95c5..d609aeaae 100644
--- a/src/zen/workspaces/zen-gradient-generator.css
+++ b/src/zen/workspaces/zen-gradient-generator.css
@@ -271,9 +271,10 @@
     cursor: pointer;
     border: 3px solid #ffffff;
     animation: zen-theme-picker-dot-animation 0.5s;
-    transform: translate(-25%, -25%);
+    transform: translate(-50%, -50%);
     pointer-events: none;
-    transform-origin: center center;
+    transform-origin: left top;
+    margin: 10px 0 0 10px;
 
     &:first-of-type {
       width: 38px;
@@ -284,7 +285,7 @@
       transition: transform 0.2s;
       z-index: 999;
       &:hover {
-        transform: scale(1.05) translate(-25%, -25%);
+        transform: scale(1.05) translate(-50%, -50%);
       }
     }