From d834a81a9cc0b185bbececedadbd8cf0e1ff01f1 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Mon, 22 Apr 2024 17:01:19 +0200
Subject: [PATCH] Made the tab buttons look nicer

---
 src/browser/base/content/zen-panels-ui.inc.xhtml |  2 +-
 src/browser/themes/shared/zen-browser-shared.css | 12 ++++++++----
 src/browser/themes/shared/zen-panel-ui.css       |  8 ++++++++
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/browser/base/content/zen-panels-ui.inc.xhtml b/src/browser/base/content/zen-panels-ui.inc.xhtml
index 42103d579..95cb9a5a8 100644
--- a/src/browser/base/content/zen-panels-ui.inc.xhtml
+++ b/src/browser/base/content/zen-panels-ui.inc.xhtml
@@ -9,7 +9,7 @@
     </vbox>
     <vbox id="PanelUI-zen-profiles-list">      
     </vbox>
-    <toolbarseparator />
+    <toolbarseparator id="PanelUI-zen-profiles-lastSeparator" />
     <toolbarbutton id="PanelUI-zen-profiles-privateWin" command="Tools:PrivateBrowsing" data-l10n-id="appmenuitem-new-private-window" class="subviewbutton"></toolbarbutton>
     <toolbarbutton id="PanelUI-zen-profiles-managePrfs" command="Tools:ZenProfiles" data-l10n-id="appmenu-manage-profiles" class="subviewbutton"></toolbarbutton>
     <toolbarbutton id="PanelUI-zen-profiles-newProfile" oncommand="ZenProfileDialogUI.createProfileWizard();" data-l10n-id="appmenu-create-profile" class="subviewbutton"></toolbarbutton>
diff --git a/src/browser/themes/shared/zen-browser-shared.css b/src/browser/themes/shared/zen-browser-shared.css
index 589eb05fa..a03094b06 100644
--- a/src/browser/themes/shared/zen-browser-shared.css
+++ b/src/browser/themes/shared/zen-browser-shared.css
@@ -269,8 +269,8 @@ toolbarbutton#scrollbutton-up {
   border-radius: 50%;
   position: relative;
   color-scheme: var(--tab-selected-color-scheme);
-  background: light-dark(#ececec, #4a4a4a);
-  border: 1px solid transparent;
+  background: var(--zen-colors-secondary);
+  border: 2px solid transparent;
   padding: 0 !important;
   align-items: center;
   animation: zen-slide-in 0.3s;
@@ -302,12 +302,16 @@ toolbarbutton#scrollbutton-up {
   }
 }
 
-.tabbrowser-tab:not([pinned], [fadein]) {
+.tabbrowser-tab:not([fadein]) {
   display: none;
 }
 
+.tabbrowser-tab[pinned]:last-of-type {
+ /** Todo: add a separator */
+}
+
 .tabbrowser-tab:is([multiselected="true"], [selected]) {
-  border-color: var(--zen-colors-primary);
+  border-color: light-dark(var(--zen-colors-border), rgba(255, 255, 255, 0.15));
 }
 
 .tab-close-button {
diff --git a/src/browser/themes/shared/zen-panel-ui.css b/src/browser/themes/shared/zen-panel-ui.css
index 17030f689..82e0ba5a5 100644
--- a/src/browser/themes/shared/zen-panel-ui.css
+++ b/src/browser/themes/shared/zen-panel-ui.css
@@ -43,6 +43,14 @@
   margin-bottom: 0;
 }
 
+#PanelUI-zen-profiles-list > toolbarseparator:first-child {
+  margin-bottom: 5px;
+}
+
+#PanelUI-zen-profiles-lastSeparator {
+  margin-top: 5px !important;
+}
+
 .PanelUI-zen-profiles-item:hover {
   background: var(--panel-item-hover-bgcolor);
   color: inherit;