Use bg-accent-4 for the chat bubble bg

charlesvien · charlesvien · commit da29288e3d9c · 2025-12-05T23:42:52.000-08:00
diff --git a/apps/array/src/renderer/features/sessions/components/ChatBubble.tsx b/apps/array/src/renderer/features/sessions/components/ChatBubble.tsx
@@ -11,7 +11,7 @@ export function ChatBubble({ variant, children }: ChatBubbleProps) {
 
   return (
     <Box
-      className={`mr-auto max-w-[95%] py-1 xl:max-w-[60%] [&>*:last-child]:mb-0 ${isUser ? "mt-4 rounded-xl rounded-bl-sm bg-gray-4 px-3 py-2" : ""}
+      className={`mr-auto max-w-[95%] py-1 xl:max-w-[60%] [&>*:last-child]:mb-0 ${isUser ? "mt-4 rounded-xl rounded-bl-sm bg-accent-4 px-3 py-2" : ""}
       `}
     >
       {children}

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export function ChatBubble({ variant, children }: ChatBubbleProps) {`
`11`	`11`
`12`	`12`	`return (`
`13`	`13`	`<Box`
`14`		- className={`mr-auto max-w-[95%] py-1 xl:max-w-[60%] [&>*:last-child]:mb-0 ${isUser ? "mt-4 rounded-xl rounded-bl-sm bg-gray-4 px-3 py-2" : ""}
	`14`	+ className={`mr-auto max-w-[95%] py-1 xl:max-w-[60%] [&>*:last-child]:mb-0 ${isUser ? "mt-4 rounded-xl rounded-bl-sm bg-accent-4 px-3 py-2" : ""}
`15`	`15`	`}
`16`	`16`	`>`
`17`	`17`	`{children}`