From b95902f73bfe9e012e87e8f1221c67c14a5550e0 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Thu, 23 Oct 2025 00:08:04 -0400
Subject: [PATCH 1/2] Improve project sidebar styles to match old style

---
 src/components/ProjectSidebar.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ProjectSidebar.tsx b/src/components/ProjectSidebar.tsx
index 8eef9ee3cf..6fea9e76e5 100644
--- a/src/components/ProjectSidebar.tsx
+++ b/src/components/ProjectSidebar.tsx
@@ -78,7 +78,7 @@ const DraggableProjectItemBase: React.FC<DraggableProjectItemProps> = ({
     <div
       ref={(node) => drag(drop(node))}
       className={cn(
-        "py-1 px-3 flex items-center border-l-transparent transition-all duration-150",
+        "py-1 px-3 flex items-center border-l-transparent transition-all duration-150 bg-separator",
         isDragging ? "cursor-grabbing opacity-40 [&_*]:!cursor-grabbing" : "cursor-grab",
         isOver && "bg-accent/[0.08]",
         selected && "bg-hover border-l-accent",
@@ -416,13 +416,13 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
       <DndProvider backend={HTML5Backend}>
         <ProjectDragLayer />
         <div
-          className="font-primary flex flex-1 flex-col overflow-hidden"
+          className="font-primary flex flex-1 flex-col overflow-hidden bg-dark border-r border-border-light"
           role="navigation"
           aria-label="Projects"
         >
           {!collapsed && (
             <>
-              <div className="border-dark flex items-center justify-between border-b p-4">
+              <div className="border-dark flex items-center justify-between border-b p-4 bg-separator">
                 <h2 className="text-foreground m-0 text-[13px] font-semibold tracking-[0.8px] uppercase">
                   Projects
                 </h2>
@@ -543,7 +543,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                         </DraggableProjectItem>
 
                         {isExpanded && (
-                          <div id={workspaceListId} className="bg-separator">
+                          <div id={workspaceListId}>
                             <div className="border-hover border-b px-3 py-2 pl-[22px]">
                               <button
                                 onClick={() => onAddWorkspace(projectPath)}

From d47f620cef8ca9407a58cba0aa7a34c3c5b3e3a1 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Thu, 23 Oct 2025 00:13:23 -0400
Subject: [PATCH 2/2] lint

---
 src/components/ProjectSidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ProjectSidebar.tsx b/src/components/ProjectSidebar.tsx
index 6fea9e76e5..35732ab8b5 100644
--- a/src/components/ProjectSidebar.tsx
+++ b/src/components/ProjectSidebar.tsx
@@ -416,13 +416,13 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
       <DndProvider backend={HTML5Backend}>
         <ProjectDragLayer />
         <div
-          className="font-primary flex flex-1 flex-col overflow-hidden bg-dark border-r border-border-light"
+          className="font-primary bg-dark border-border-light flex flex-1 flex-col overflow-hidden border-r"
           role="navigation"
           aria-label="Projects"
         >
           {!collapsed && (
             <>
-              <div className="border-dark flex items-center justify-between border-b p-4 bg-separator">
+              <div className="border-dark bg-separator flex items-center justify-between border-b p-4">
                 <h2 className="text-foreground m-0 text-[13px] font-semibold tracking-[0.8px] uppercase">
                   Projects
                 </h2>