From 0f5fb13bccccd704001b5d1be9ef5a5b641d5b46 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Wed, 22 Oct 2025 23:52:43 -0400
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=A4=96=20Increase=20contrast=20for=20?=
 =?UTF-8?q?active=20workspace=20sidebar=20indicator?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed active workspace border color from #569cd6 (light blue) to #4a8bc7 (darker blue) for better visibility and contrast in the sidebar.
---
 src/components/WorkspaceListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WorkspaceListItem.tsx b/src/components/WorkspaceListItem.tsx
index 5c04e7c0ca..b66a64a1e5 100644
--- a/src/components/WorkspaceListItem.tsx
+++ b/src/components/WorkspaceListItem.tsx
@@ -133,7 +133,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
       <div
         className={cn(
           "py-1.5 px-3 pl-7 cursor-pointer grid grid-cols-[auto_auto_1fr_auto] gap-2 items-center border-l-[3px] border-transparent transition-all duration-150 text-[13px] relative hover:bg-hover [&:hover_button]:opacity-100",
-          isSelected && "bg-hover border-l-[#569cd6]"
+          isSelected && "bg-hover border-l-[#4a8bc7]"
         )}
         onClick={() =>
           onSelectWorkspace({

From ae6b3cba2f49fe3374f08276195f9157c1562602 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Wed, 22 Oct 2025 23:53:41 -0400
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=A4=96=20Increase=20contrast=20for=20?=
 =?UTF-8?q?active=20workspace=20background=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed active workspace background from hsl(0 0% 16.5%) to hsl(0 0% 20%) for better visibility in the sidebar. Also updated border color to #4a8bc7 for consistency.
---
 src/components/WorkspaceListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WorkspaceListItem.tsx b/src/components/WorkspaceListItem.tsx
index b66a64a1e5..12e7725fbe 100644
--- a/src/components/WorkspaceListItem.tsx
+++ b/src/components/WorkspaceListItem.tsx
@@ -133,7 +133,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
       <div
         className={cn(
           "py-1.5 px-3 pl-7 cursor-pointer grid grid-cols-[auto_auto_1fr_auto] gap-2 items-center border-l-[3px] border-transparent transition-all duration-150 text-[13px] relative hover:bg-hover [&:hover_button]:opacity-100",
-          isSelected && "bg-hover border-l-[#4a8bc7]"
+          isSelected && "bg-[hsl(0_0%_20%)] border-l-[#4a8bc7]"
         )}
         onClick={() =>
           onSelectWorkspace({

From e7955dbed7997de3a9dfd904969913039e5d06e8 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Wed, 22 Oct 2025 23:54:43 -0400
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=A4=96=20Use=20existing=20color=20var?=
 =?UTF-8?q?iable=20for=20active=20workspace=20background?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use --color-button-bg (24% lightness) instead of bespoke color value for better maintainability and consistency.
---
 src/components/WorkspaceListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WorkspaceListItem.tsx b/src/components/WorkspaceListItem.tsx
index 12e7725fbe..79fabc3776 100644
--- a/src/components/WorkspaceListItem.tsx
+++ b/src/components/WorkspaceListItem.tsx
@@ -133,7 +133,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
       <div
         className={cn(
           "py-1.5 px-3 pl-7 cursor-pointer grid grid-cols-[auto_auto_1fr_auto] gap-2 items-center border-l-[3px] border-transparent transition-all duration-150 text-[13px] relative hover:bg-hover [&:hover_button]:opacity-100",
-          isSelected && "bg-[hsl(0_0%_20%)] border-l-[#4a8bc7]"
+          isSelected && "bg-button-bg border-l-[#4a8bc7]"
         )}
         onClick={() =>
           onSelectWorkspace({