From c23ad2519dd7e53f5c23a1e9b3fa4448db879865 Mon Sep 17 00:00:00 2001
From: wookki <bwlimtony@gmail.com>
Date: Wed, 17 Jan 2024 20:46:23 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=ED=8C=94=EB=A0=88=ED=8A=B8=20?=
 =?UTF-8?q?=EC=83=89=EC=83=81=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css                                 | 3 +++
 src/components/shared/dropdown/Dropdown.module.scss | 6 +++---
 src/components/shared/dropdown/Dropdown.tsx         | 4 ++--
 src/styles/colorPalette.ts                          | 3 +++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 67437e92..aeac30fb 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -8,6 +8,9 @@
   --gray-300: #72777A;
   --gray-400: #404446;
   --tertiary: #7A7A7A;
+  --tertiary-100: #EAEAEA;
+  --tertiary-200: #F6F6F6;
+  --tertiary-400: #7C7A7A;
   --black: #090A0A;
   --white: #FFF;
   --white-100: #F3F5F8;
diff --git a/src/components/shared/dropdown/Dropdown.module.scss b/src/components/shared/dropdown/Dropdown.module.scss
index a3f06a1c..aba14c71 100644
--- a/src/components/shared/dropdown/Dropdown.module.scss
+++ b/src/components/shared/dropdown/Dropdown.module.scss
@@ -14,7 +14,7 @@
       width: 80px;
       padding: 4px 4px 4px 8px;
       border-radius: 8px;
-      background-color: var(--tertiary-400);
+      background-color: var(--tertiary-200);
     }
   }
 
@@ -27,8 +27,8 @@
     border-radius: 8px;
 
     &.favorite {
-      background-color: var(--tertiary-400);
-      color: var(--tertiary-200);
+      background-color: var(--tertiary-200);
+      color: var(--tertiary-400);
     }
 
     .item {
diff --git a/src/components/shared/dropdown/Dropdown.tsx b/src/components/shared/dropdown/Dropdown.tsx
index 6f7ee75c..9d31bb72 100644
--- a/src/components/shared/dropdown/Dropdown.tsx
+++ b/src/components/shared/dropdown/Dropdown.tsx
@@ -46,8 +46,8 @@ const Dropdown = forwardRef<HTMLInputElement, DropdownProps>(({
   return (
     <div className={cx('container', { [type]: true })} ref={containerRef}>
       <button onClick={openDropdownMenu} className={cx('selectedValue', { [type]: true })}>
-        <Text typography="t6" color="tertiary200">{label}</Text>
-        <Expand isRotate={isOpen} color="tertiary200" />
+        <Text typography="t6" color="tertiary400">{label}</Text>
+        <Expand isRotate={isOpen} color="tertiary400" />
       </button>
       {isOpen && (
         <ul className={cx('menu', { [type]: true })}>
diff --git a/src/styles/colorPalette.ts b/src/styles/colorPalette.ts
index 50001ed7..bebcc6e9 100644
--- a/src/styles/colorPalette.ts
+++ b/src/styles/colorPalette.ts
@@ -8,6 +8,9 @@ export const colors = {
   gray300: 'var(--gray-300)',
   gray400: 'var(--gray-400)',
   tertiary: 'var(--tertiary)',
+  tertiary100: 'var(--tertiary-100)',
+  tertiary200: 'var(--tertiary-200)',
+  tertiary400: 'var(--tertiary-400)',
   black: 'var(--black)',
   white: 'var(--white)',
   white100: 'var(--white-100)',