From dbd828fa0c9aa73bb2bba88cf3677be76f6d4e1a Mon Sep 17 00:00:00 2001
From: Chanhee <chanheeis@naver.com>
Date: Sun, 14 Nov 2021 20:03:26 +0900
Subject: [PATCH] fix: ChatBox dark mode color setting

---
 src/components/ChatBox/index.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/ChatBox/index.tsx b/src/components/ChatBox/index.tsx
index 90d77df4..32de660c 100644
--- a/src/components/ChatBox/index.tsx
+++ b/src/components/ChatBox/index.tsx
@@ -32,17 +32,26 @@ const ChatBox = ({
 
 const ChatContainer = styled.div`
   display: flex;
-  background: #efeeeebf;
   padding: 0.7em;
-  border-radius: 6px;
+  border-radius: 15px;
   align-items: center;
-  box-shadow: 1px 1px 6px -1px #b6b6b6;
   margin-bottom: 1em;
+  padding: 20px;
 
-  > img {
+  & > img {
     height: 2.5em;
     margin-right: 1em;
   }
+
+  html[data-theme='light'] & {
+    background-color: #f6f7f8;
+    box-shadow: 1px 1px 5px #dddedf;
+  }
+
+  html[data-theme='dark'] & {
+    background-color: #333437;
+    box-shadow: 1px 1px 5px #2e2f31;
+  }
 `;
 
 export default ChatBox;