ryan/simbarag
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace blue/indigo sidebar colors with warm stone neutrals

Browse Source 
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>
This commit is contained in:
ryan
2026-03-03 08:18:08 -05:00
parent 6ae36b51a0
commit 6d7d713532
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
raggr-frontend/src/components/ConversationList.tsx
View File

@@ -44,12 +44,12 @@ export const ConversationList = ({
}, []); }, []);
return ( 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) => { {conservations.map((conversation) => {
return ( return (
<div <div
key={conversation.id} 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)} onClick={() => onSelectConversation(conversation)}
> >
<p className="text-sm sm:text-base truncate w-full"> <p className="text-sm sm:text-base truncate w-full">
@@ -59,7 +59,7 @@ export const ConversationList = ({
); );
})} })}
<div <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()} onClick={() => onCreateNewConversation()}
> >
<p className="text-sm sm:text-base"> + Start a new thread</p> <p className="text-sm sm:text-base"> + Start a new thread</p>