From f5944574f6de069b92e6395e836a2ea64f973dff Mon Sep 17 00:00:00 2001
From: judymoody59 <jmj.chai@gmail.com>
Date: Tue, 17 Jun 2025 11:18:24 +0900
Subject: [PATCH] =?UTF-8?q?KW-689/fix:=20SearchBar=EC=9D=98=20=EB=8B=A4?=
 =?UTF-8?q?=ED=81=AC=EB=AA=A8=EB=93=9C=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/searchbar/css/SearchBar.css | 24 ++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/searchbar/css/SearchBar.css b/src/components/searchbar/css/SearchBar.css
index 0655d17..5f5d470 100644
--- a/src/components/searchbar/css/SearchBar.css
+++ b/src/components/searchbar/css/SearchBar.css
@@ -1,13 +1,18 @@
   .search-bar {
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 0;
     width: 600px;
     background-color: white;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     padding: 0px;
     border-radius: 4px;
   }
+
+  body.dark-mode .search-bar {
+  background-color: #2b2b2b;
+  box-shadow: none;
+}
   
   .search-bar-dropdown {
     position: relative;
@@ -74,6 +79,21 @@
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
   }
+
+  .search-bar-input::placeholder {
+    color: #aaa;
+  }
+
+  body.dark-mode .search-bar-input {
+    background-color: #434343;
+    color: #f0f0f0;
+    border: 1px solid #555;
+    caret-color: #f0f0f0;
+  }
+
+  body.dark-mode .search-bar-input::placeholder {
+    color: #888;
+  }
   
   .search-bar-button {
     background-color: #1f441f;
@@ -83,7 +103,7 @@
     border: none;
     cursor: pointer;
     font-size: 14px;
-    border-radius: 4px; 
+    border-radius: 0 4px 4px 0; 
   }
   
   .search-bar-button:hover {