From 4a0ea60cd3d8a4a222225eb7358dc87b864c662e Mon Sep 17 00:00:00 2001
From: hyonun321 <hyo_nun@kakao.com>
Date: Wed, 4 Dec 2024 03:36:55 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=ED=9D=B0=EC=83=89=EC=9C=BC=EB=A1=9C?=
 =?UTF-8?q?=20=EB=B0=94=EA=BE=B8=EA=B3=A0=20=EA=B7=B8=EB=A6=BC=EC=9E=90=20?=
 =?UTF-8?q?=ED=9A=A8=EA=B3=BC=EB=A5=BC=EC=A3=BC=EC=96=B4=20=ED=9D=B0?=
 =?UTF-8?q?=EC=83=89=EC=9D=B4=20=ED=91=9C=EC=8B=9C=EB=90=98=EA=B2=8C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#275
---
 .../ColorOptionModal/BackgroundColorOptionModal.style.ts       | 3 ++-
 .../components/ColorOptionModal/TextColorOptionModal.style.ts  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts b/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
index 211080d..b9d7e82 100644
--- a/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
+++ b/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
@@ -47,11 +47,12 @@ const colorVariants: ColorVariants = {
   yellow: { backgroundColor: "#EEAF66" },
   purple: { backgroundColor: "#9862CD" },
   brown: { backgroundColor: "#985728" },
-  white: { backgroundColor: "#EEEEEE" },
+  white: { backgroundColor: "#FFFFFF" },
 };
 
 export const backgroundColorIndicator = cva({
   base: {
+    border: "0.5px solid gray",
     borderRadius: "3px",
     width: "100%",
     height: "100%",
diff --git a/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts b/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
index 8ec0cc7..7400a00 100644
--- a/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
+++ b/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
@@ -46,7 +46,7 @@ const colorVariants: ColorVariants = {
   yellow: { color: "#EEAF66" },
   purple: { color: "#9862CD" },
   brown: { color: "#985728" },
-  white: { color: "#EEEEEE" },
+  white: { color: "#FFFFFF" },
 };
 
 export const textColorIndicator = cva({
@@ -56,6 +56,7 @@ export const textColorIndicator = cva({
     alignItems: "center",
     width: "100%",
     height: "100%",
+    textShadow: "0.5px 0 black",
     fontSize: "16px",
     fontWeight: "bold",
   },