From cf7af8e3aaa821280e950d7120c5ab1d9047f718 Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Mon, 4 Nov 2024 19:55:43 +0100
Subject: [PATCH] Update tab hover background color and tab height in
 vertical-tabs.css

---
 .../base/content/zen-styles/zen-tabs/vertical-tabs.css | 10 +++++++---
 src/browser/base/content/zen-styles/zen-urlbar.css     |  6 +-----
 2 files changed, 8 insertions(+), 8 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 0504dcd1f..3f2c7d9a2 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
@@ -263,6 +263,10 @@
       position: relative;
     }
 
+    & #zen-essentials-container {
+      --tab-min-height: 40px;
+    }
+
     /* Mark: Fix separator paddings */
     &[zen-right-side='true'] {
       padding-left: 0;
@@ -743,7 +747,6 @@
 #zen-essentials-container {
   padding-bottom: var(--zen-toolbox-padding);
   margin-bottom: var(--zen-toolbox-padding);
-  gap: 3px;
   overflow: hidden;
 }
 
@@ -760,12 +763,13 @@
 }
 
 #zen-essentials-container .tabbrowser-tab {
+  --toolbarbutton-inner-padding: 0;
   max-width: unset;
   width: 100% !important;
   border-radius: var(--border-radius-medium);
 
-  &:not([selected]):not(:hover) .tab-background {
-    background: light-dark(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
+  &:not([selected]) .tab-background {
+    background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.07));
   }
 
   backdrop-filter: blur(10px);
diff --git a/src/browser/base/content/zen-styles/zen-urlbar.css b/src/browser/base/content/zen-styles/zen-urlbar.css
index 2b80bfefd..bb9fff21d 100644
--- a/src/browser/base/content/zen-styles/zen-urlbar.css
+++ b/src/browser/base/content/zen-styles/zen-urlbar.css
@@ -5,7 +5,7 @@
 }
 
 #urlbar {
-  --toolbarbutton-border-radius: 5px;
+  --toolbarbutton-border-radius: 6px;
   --urlbarView-separator-color: var(--zen-colors-border);
   --urlbarView-hover-background: var(--toolbarbutton-hover-background);
   --urlbarView-highlight-background: var(--toolbarbutton-hover-background);
@@ -51,10 +51,6 @@
   outline-color: none !important;
 }
 
-#urlbar[breakout-extend='true'] {
-  border-radius: 12px;
-}
-
 #identity-icon-box,
 #identity-permission-box {
   background: color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%) !important;