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,