feat: change color in color token

lunit-io · Jun 10, 2024 · 57d3a11 · 57d3a11
1 parent 7e49e75
commit 57d3a11
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/packages/design-system/src/foundation/colors/token/component.ts b/packages/design-system/src/foundation/colors/token/component.ts
@@ -15,8 +15,8 @@ export const tokenComponentColor: TokenComponentColorValue = {
       dark2: "--lunit_teal_40",
     },
     btn_secondary_bg: {
-      light1: "--grey_15",
-      light2: "--grey_15",
+      light1: "--grey_10",
+      light2: "--grey_00",
       dark1: "--grey_60",
       dark2: "--grey_60",
     },
@@ -81,8 +81,8 @@ export const tokenComponentColor: TokenComponentColorValue = {
       dark2: "--grey_80",
     },
     btn_selected_secondary_text: {
-      light1: "--grey_95",
-      light2: "--grey_95",
+      light1: "--lunit_teal_70",
+      light2: "--lunit_teal_70",
       dark1: "--lunit_teal_30",
       dark2: "--lunit_teal_30",
     },

diff --git a/packages/design-system/src/foundation/colors/token/core.ts b/packages/design-system/src/foundation/colors/token/core.ts
@@ -80,19 +80,19 @@ export const tokenCoreColor: TokenCoreColorValue = {
   link_primary: {
     light1: "--blue_40",
     light2: "--blue_40",
-    dark1: "--blue_40",
+    dark1: "--blue_30",
     dark2: "--blue_30",
   },
   link_hover: {
     light1: "--blue_50",
     light2: "--blue_50",
-    dark1: "--blue_50",
+    dark1: "--blue_40",
     dark2: "--blue_40",
   },
   link_visited: {
     light1: "--purple_50",
     light2: "--purple_50",
-    dark1: "--purple_50",
+    dark1: "--purple_40",
     dark2: "--purple_40",
   },
   icon_error_02: {
@@ -121,10 +121,10 @@ export const tokenCoreColor: TokenCoreColorValue = {
   },
   hover: {
     // TODO: 알파값 적용 코드는 일단 하드코딩. 나중에 수정할것
-    light1: "rgba(0, 0, 0, 0.1)", // grey_100 10%
-    light2: "rgba(0, 0, 0, 0.1)", // grey_100 10%
-    dark1: "rgba(0, 0, 0, 0.1)", // grey_100 10%
-    dark2: "rgba(0, 0, 0, 0.1)", // grey_100 10%
+    light1: "rgba(0, 0, 0, 0.12)", // "--grey_100 12%",
+    light2: "rgba(0, 0, 0, 0.12)", // "--grey_100 12%",
+    dark1: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
+    dark2: "rgba(255, 255, 255, 0.12)", // "--grey_0 12%",
   },
   focused: {
     light1: "--lunit_teal_40",