fix: support dark theme (#24)

* fix: support dark theme

* Create thick-rice-leave.md

* fix: format

.changeset/thick-rice-leave.md

@@ -0,0 +1,5 @@
+---
+'@llamaindex/chat-ui': patch
+---
+
+fix: support dark theme

packages/chat-ui/src/chat/chat-input.tsx

@@ -90,7 +90,7 @@ function ChatInput(props: ChatInputProps) {
     <ChatInputProvider value={{ isDisabled, handleKeyDown, handleSubmit }}>
       <div
         className={cn(
-          'flex shrink-0 flex-col gap-4 bg-white p-4',
+          'bg-background flex shrink-0 flex-col gap-4 p-4',
           props.className
         )}
       >

packages/chat-ui/src/chat/chat-messages.tsx

@@ -72,7 +72,7 @@ function ChatMessages(props: ChatMessagesProps) {
     >
       <div
         className={cn(
-          'relative flex-1 space-y-6 bg-white p-4',
+          'bg-background relative flex-1 space-y-6 p-4',
           props.className
         )}
       >