From 66e92202cc80c19d887d7606e0ab487bf38652f1 Mon Sep 17 00:00:00 2001
From: nekowinston <hey@winston.sh>
Date: Thu, 30 Nov 2023 13:33:47 +0100
Subject: [PATCH] feat(ui): redesign tab bar (#231)

---
 src/theme/uiColors.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/theme/uiColors.ts b/src/theme/uiColors.ts
index f327b370..483a0b01 100644
--- a/src/theme/uiColors.ts
+++ b/src/theme/uiColors.ts
@@ -57,7 +57,7 @@ export const getUiColors = (
     "badge.foreground": palette.text,
 
     "breadcrumb.activeSelectionForeground": accent,
-    "breadcrumb.background": palette.mantle,
+    "breadcrumb.background": palette.base,
     "breadcrumb.focusForeground": accent,
     "breadcrumb.foreground": opacity(palette.text, 0.8),
     "breadcrumbPicker.background": palette.mantle,
@@ -403,14 +403,22 @@ export const getUiColors = (
 
     // Tab Bar
     "tab.activeBackground": palette.base,
-    "tab.activeBorder": accent,
-    "tab.activeBorderTop": transparent,
+    "tab.activeBorder": transparent,
+    "tab.activeBorderTop": accent,
     "tab.activeForeground": accent,
+    "tab.activeModifiedBorder": palette.yellow,
     "tab.border": palette.mantle,
+    "tab.hoverBackground": shade(palette.base, 0.1),
+    "tab.hoverBorder": transparent,
+    "tab.hoverForeground": accent,
     "tab.inactiveBackground": palette.mantle,
     "tab.inactiveForeground": palette.overlay0,
-    "tab.activeModifiedBorder": palette.yellow,
     "tab.inactiveModifiedBorder": opacity(palette.yellow, 0.3),
+    "tab.lastPinnedBorder": accent,
+    "tab.unfocusedActiveBackground": palette.mantle,
+    "tab.unfocusedActiveBorder": transparent,
+    "tab.unfocusedActiveBorderTop": opacity(accent, 0.3),
+    "tab.unfocusedInactiveBackground": shade(palette.mantle, -0.05),
 
     // Terminal
     "terminal.foreground": palette.text,