change design

src/components/chat/ChatInputBar.jsx

@@ -2,6 +2,7 @@ import { useRef } from "react";
 import Picker from "@emoji-mart/react";
 import emojiData from "@emoji-mart/data";
 import { useClickOutside } from "../../hooks/useClickOutside";
+import { useTheme } from "../../context/ThemeContext";
 
 export default function ChatInputBar({
   input,
@@ -16,6 +17,7 @@ export default function ChatInputBar({
 }) {
   const emojiPickerRef = useRef(null);
   useClickOutside(emojiPickerRef, onCloseEmoji, showEmoji);
+  const { theme } = useTheme();
 
   return (
       <div className="chat-input-area">
@@ -24,7 +26,7 @@ export default function ChatInputBar({
               <Picker
                   data={emojiData}
                   onEmojiSelect={onEmojiSelect}
-                  theme="dark"
+                  theme={theme}
                   previewPosition="none"
                   skinTonePosition="none"
                   searchPosition="sticky"