From 6d7d713532f2440aa146683081e6e0df5174820d Mon Sep 17 00:00:00 2001
From: ryan <ryanjchen2@gmail.com>
Date: Tue, 3 Mar 2026 08:18:08 -0500
Subject: [PATCH] Replace blue/indigo sidebar colors with warm stone neutrals

Align ConversationList colors with Anthropic design guidelines,
replacing indigo-300/blue-400 with stone-200/stone-300.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 raggr-frontend/src/components/ConversationList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/raggr-frontend/src/components/ConversationList.tsx b/raggr-frontend/src/components/ConversationList.tsx
index a245ab0..21170b5 100644
--- a/raggr-frontend/src/components/ConversationList.tsx
+++ b/raggr-frontend/src/components/ConversationList.tsx
@@ -44,12 +44,12 @@ export const ConversationList = ({
   }, []);
 
   return (
-    <div className="bg-indigo-300 rounded-md p-3 sm:p-4 flex flex-col gap-1">
+    <div className="bg-stone-200 rounded-md p-3 sm:p-4 flex flex-col gap-1">
       {conservations.map((conversation) => {
         return (
           <div
             key={conversation.id}
-            className="border-blue-400 bg-indigo-300 hover:bg-indigo-200 cursor-pointer rounded-md p-3 min-h-[44px] flex items-center"
+            className="bg-stone-200 hover:bg-stone-300 cursor-pointer rounded-md p-3 min-h-[44px] flex items-center"
             onClick={() => onSelectConversation(conversation)}
           >
             <p className="text-sm sm:text-base truncate w-full">
@@ -59,7 +59,7 @@ export const ConversationList = ({
         );
       })}
       <div
-        className="border-blue-400 bg-indigo-300 hover:bg-indigo-200 cursor-pointer rounded-md p-3 min-h-[44px] flex items-center"
+        className="bg-stone-200 hover:bg-stone-300 cursor-pointer rounded-md p-3 min-h-[44px] flex items-center"
         onClick={() => onCreateNewConversation()}
       >
         <p className="text-sm sm:text-base"> + Start a new thread</p>