Refactor ChatList component to include dark mode styles for the "Star…

…t a new conversation" heading and the message input text
Royal-lobster · Nov 26, 2023 · aa28cc0 · aa28cc0
1 parent 4b4fa35
commit aa28cc0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/artifacts/chrome.zip b/artifacts/chrome.zip
diff --git a/src/components/Sidebar/chat/ChatList.tsx b/src/components/Sidebar/chat/ChatList.tsx
@@ -37,10 +37,10 @@ const ChatList = ({ messages }: ChatListProps) => {
             height={300}
             width={300}
           />
-          <h1 className="cdx-text-xl cdx-text-gray-500">
+          <h1 className="cdx-text-xl cdx-text-gray-500 dark:cdx-text-gray-400">
             Start a new conversation 🎉
           </h1>
-          <p className="cdx-text-gray-500 cdx-mt-1 cdx-leading-tight cdx-font-light">
+          <p className="cdx-text-gray-500 dark:cdx-text-gray-400 cdx-mt-1 cdx-leading-tight cdx-font-light">
             Type your message at the bottom <br /> and press send button
           </p>
         </div>