style: 흰색으로 바꾸고 그림자 효과를주어 흰색이 표시되게 변경

#275
boostcampwm-2024 · Dec 3, 2024 · 4a0ea60 · 4a0ea60
1 parent 7472c19
commit 4a0ea60
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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",
   },