From e840184e7fac54d523e8a4fd61b73b44ae33419c Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Sun, 13 Oct 2024 11:44:10 +0200
Subject: [PATCH] Improved light theme and compact mode

---
 .../base/content/zen-styles/zen-tabs/vertical-tabs.css | 10 ++++++++--
 src/browser/base/content/zen-styles/zen-theme.css      |  9 +++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
index a903792b3..a8ea3c232 100644
--- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
@@ -204,7 +204,7 @@
         content: '';
         display: block;
         height: 1px;
-        background: color-mix(in srgb, var(--zen-colors-border) 80%, transparent 20%);
+        background: var(--zen-colors-border);
         width: 99%;
         left: 50%;
         transform: translateX(-50%);
@@ -303,6 +303,12 @@
         }
       }
     }
+
+    @media (-moz-bool-pref: 'zen.view.compact') and (-moz-bool-pref: 'zen.view.compact.hide-toolbar') and (not (-moz-bool-pref: 'zen.view.compact.hide-tabbar')) {
+      & {
+        margin-top: var(--zen-element-separation) !important;
+      }
+    }
   }
 
   /* Mark: toolbox as collapsed */
@@ -352,7 +358,7 @@
         content: '';
         display: block;
         height: 1px;
-        background: color-mix(in srgb, var(--zen-colors-border) 80%, transparent 20%);
+        background: var(--zen-colors-border);
         width: 70%;
         left: 50%;
         transform: translateX(-50%);
diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css
index d62a581f2..acc8259a7 100644
--- a/src/browser/base/content/zen-styles/zen-theme.css
+++ b/src/browser/base/content/zen-styles/zen-theme.css
@@ -23,10 +23,10 @@
   --zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, black 20%);
   --zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 98%, black 2%);
 
-  --zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, white 80%);
+  --zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 1%, var(--zen-colors-tertiary) 99%);
 
   --zen-dialog-background: var(--zen-colors-tertiary);
-  --zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, #f7f7f7 92%);
+  --zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 3%, #f4f4f4 97%);
 
   --zen-secondary-btn-color: var(--zen-colors-primary-foreground);
 
@@ -53,7 +53,7 @@
     color-mix(in srgb, var(--zen-primary-color) 10%, transparent 90%)
   ) !important;
   --in-content-button-background-hover: light-dark(
-    color-mix(in srgb, var(--zen-primary-color) 25%, transparent 75%),
+    color-mix(in srgb, var(--zen-primary-color) 5%, rgba(0, 0, 0, 0.1) 95%),
     color-mix(in srgb, var(--zen-primary-color) 15%, transparent 85%)
   ) !important;
   --button-bgcolor: var(--in-content-button-background) !important;
@@ -83,6 +83,7 @@
 
   /* Other colors */
   --urlbar-box-bgcolor: var(--zen-urlbar-background) !important;
+  --urlbar-box-active-bgcolor: var(--toolbarbutton-hover-background) !important;
   --toolbar-field-focus-background-color: var(--urlbar-box-bgcolor) !important;
   --zen-input-border-color: light-dark(rgb(204, 204, 204), rgb(66, 65, 77));
 
@@ -124,7 +125,7 @@
   :host(:is(.anonymous-content-host, notification-message)),
   :root {
     --zen-in-content-dialog-background: rgb(23, 23, 23);
-    --zen-dark-color-mix-base: #171717;
+    --zen-dark-color-mix-base: rgb(21, 21, 21);
     --zen-colors-primary: color-mix(in srgb, var(--zen-primary-color) 20%, var(--zen-dark-color-mix-base) 80%);
     --zen-colors-secondary: color-mix(in srgb, var(--zen-primary-color) 30%, var(--zen-dark-color-mix-base) 70%);
     --zen-colors-tertiary: color-mix(in srgb, var(--zen-primary-color) 1%, var(--zen-dark-color-mix-base) 99%);