fix light mode

Author: brendan-kellam

packages/web/src/app/(app)/@sidebar/components/defaultSidebar/chatHistory.tsx

@@ -89,7 +89,7 @@ export function ChatHistory({ chatHistory }: ChatHistoryProps) {
     return (
         <>
             <SidebarGroup className="group-data-[state=collapsed]:hidden">
-                <SidebarGroupLabel className="text-muted-foreground">Recent Chats</SidebarGroupLabel>
+                <SidebarGroupLabel className="text-muted-foreground whitespace-nowrap">Recent Chats</SidebarGroupLabel>
                 <SidebarGroupContent>
                     <SidebarMenu>
                         {chatHistory.map((chat) => (

packages/web/src/app/(app)/browse/components/bottomPanel.tsx

@@ -82,7 +82,7 @@ export const BottomPanel = ({ order }: BottomPanelProps) => {
                     </Button>
                 )}
             </div>
-            <Separator />
+            {!isBottomPanelCollapsed && <Separator />}
             <ResizablePanel
                 minSize={BOTTOM_PANEL_MIN_SIZE}
                 maxSize={BOTTOM_PANEL_MAX_SIZE}

packages/web/src/app/(app)/chat/components/chatSidePanel.tsx

@@ -182,7 +182,7 @@ export default async function Layout(props: LayoutProps) {
                 <SidebarProvider defaultOpen={cookieStore.get("sidebar_state")?.value !== "false"}>
                     {sidebar}
                     <div className="flex-1 min-h-0 flex flex-col pt-2 pb-2 pr-2">
-                        <div className="flex-1 min-h-0 bg-background flex flex-col border border-[#1d1d1f] rounded-xl">
+                        <div className="flex-1 min-h-0 bg-background flex flex-col border border-[#e6e6e6] dark:border-[#1d1d1f] rounded-xl">
                             <div className="flex-1 min-h-0 overflow-y-auto">
                                 {children}
                             </div>

packages/web/src/app/(app)/layout.tsx

@@ -53,7 +53,7 @@
     --sidebar-border: hsl(220 13% 91%);
     --sidebar-ring: hsl(217.2 91.2% 59.8%);
     --link: hsl(217, 91%, 60%);
-    --shell: hsl(253, 23%, 92%);
+    --shell: hsl(0 0% 98%);
 
     --editor-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
     --editor-font-size: 13px;