From a5a09f310b95fc8dbf001aa1779af1477bd978ad Mon Sep 17 00:00:00 2001
From: "mr. m" <mr.m@tuta.com>
Date: Mon, 13 Apr 2026 00:20:31 +0200
Subject: [PATCH] no-bug: Small details

---
 src/zen/boosts/ZenBoostsEditor.mjs            | 5 +++++
 src/zen/boosts/actors/ZenBoostsChild.sys.mjs  | 6 +++---
 src/zen/boosts/zen-advanced-color-options.css | 2 +-
 src/zen/boosts/zen-boosts.css                 | 3 +--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/zen/boosts/ZenBoostsEditor.mjs b/src/zen/boosts/ZenBoostsEditor.mjs
index ffc794918..af9afa9e1 100644
--- a/src/zen/boosts/ZenBoostsEditor.mjs
+++ b/src/zen/boosts/ZenBoostsEditor.mjs
@@ -308,6 +308,10 @@ export class nsZenBoostEditor {
       fontButton.addEventListener("click", this.onFontButtonClick.bind(this));
 
       fontButtonGroup.appendChild(fontButton);
+
+      if (i === 0) {
+        fontButtonGroup.appendChild(this.doc.createElement("br"));
+      }
     }
 
     // Add default value
@@ -427,6 +431,7 @@ export class nsZenBoostEditor {
     const actor =
       linkedBrowser.browsingContext.currentWindowGlobal.getActor("ZenBoosts");
     actor.sendQuery("ZenBoost:TogglePickerMode");
+    this.openerWindow.focus();
   }
 
   onPickerPickedCallback(cssSelector) {
diff --git a/src/zen/boosts/actors/ZenBoostsChild.sys.mjs b/src/zen/boosts/actors/ZenBoostsChild.sys.mjs
index a40acd325..d88b9596d 100644
--- a/src/zen/boosts/actors/ZenBoostsChild.sys.mjs
+++ b/src/zen/boosts/actors/ZenBoostsChild.sys.mjs
@@ -363,7 +363,7 @@ export class ZenBoostsChild extends JSWindowActorChild {
           primaryGradientColor = this.#hslToRgb(
             primaryGradientColor[0] / 360,
             primaryGradientColor[1] * (1 - boostData.saturation),
-            0.1 + primaryGradientColor[2] * 0.6 * boostData.brightness
+            0.1 + primaryGradientColor[2] * 0.9 * boostData.brightness
           );
 
           const rgbColor = primaryGradientColor;
@@ -377,8 +377,8 @@ export class ZenBoostsChild extends JSWindowActorChild {
             boostData.dotAngleDeg / 360,
             /* already is [0, 1] */
             boostData.dotDistance * (1 - boostData.saturation),
-            /* lightness range from [0.1, 0.7] */
-            0.1 + boostData.dotDistance * 0.6 * boostData.brightness
+            /* lightness range from [0.1, 0.9] */
+            0.1 + boostData.dotDistance * 0.8 * boostData.brightness
           );
 
           const rgbColor = colorWheelColor;
diff --git a/src/zen/boosts/zen-advanced-color-options.css b/src/zen/boosts/zen-advanced-color-options.css
index 8c3285c11..4cc651de8 100644
--- a/src/zen/boosts/zen-advanced-color-options.css
+++ b/src/zen/boosts/zen-advanced-color-options.css
@@ -6,7 +6,7 @@
 
 #zen-boost-advanced-color-options-panel {
   color-scheme: light;
-  -zen-window-transform-origin: 50% 0%;
+  --panel-padding: 15px;
 
   & p {
     color: #3a3a3b;
diff --git a/src/zen/boosts/zen-boosts.css b/src/zen/boosts/zen-boosts.css
index 33ab7a011..cabde10f3 100644
--- a/src/zen/boosts/zen-boosts.css
+++ b/src/zen/boosts/zen-boosts.css
@@ -10,6 +10,7 @@
     color-scheme: light;
   }
   appearance: none;
+  border: none;
 }
 
 .source-editor-frame {
@@ -151,7 +152,6 @@ body {
 #zen-boost-head-wrapper {
   -moz-window-dragging: drag; /* Allow dragging the window with the custom titlebar */
 
-  margin-bottom: -10px;
   height: 40px;
   min-height: 40px;
   max-height: 40px;
@@ -231,7 +231,6 @@ body {
 #zen-boost-filter-wrapper {
   padding: 20px;
   gap: 14px;
-  margin-top: 10px;
   padding-top: 10px;
 
   background-color: #fcfcfe;