Merge pull request #33 from gw-lim/feat/design-system

🩹 chore: main 색상 추가
P1Z7 · Jan 31, 2024 · f68e9a3 · f68e9a3
2 parents 8732345 + bf7dbfb
commit f68e9a3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -23,7 +23,11 @@
     --sub-yellow: 255 160 18;
     --sub-skyblue: 40 198 255;
     --sub-scarlet: 255 103 55;
-    --main-purple: 130 101 248;
+    --main-purple-50: 243 240 254;
+    --main-purple-300: 171 152 250;
+    --main-purple-500: 130 101 248;
+    --main-purple-700: 92 72 176;
+    --main-purple-900: 55 42 104;
     --red: 246 61 61;
     --blue: 57 160 255;
   }
@@ -48,7 +52,11 @@
     --sub-yellow: 255 160 18;
     --sub-skyblue: 40 198 255;
     --sub-scarlet: 255 103 55;
-    --main-purple: 130 101 248;
+    --main-purple-50: 243 240 254;
+    --main-purple-300: 171 152 250;
+    --main-purple-500: 130 101 248;
+    --main-purple-700: 92 72 176;
+    --main-purple-900: 55 42 104;
     --red: 246 61 61;
     --blue: 57 160 255;
   }

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -51,7 +51,13 @@ const config: Config = {
         scarlet: { DEFAULT: "rgb(var(--sub-scarlet) / <alpha-value>)", bg: "rgb(var(--sub-scarlet) / 0.12)" },
       },
       main: {
-        purple: "rgb(var(--main-purple) / <alpha-value>)",
+        purple: {
+          50: "rgb(var(--main-purple-50) / <alpha-value>)",
+          300: "rgb(var(--main-purple-300) / <alpha-value>)",
+          500: "rgb(var(--main-purple-500) / <alpha-value>)",
+          700: "rgb(var(--main-purple-700) / <alpha-value>)",
+          900: "rgb(var(--main-purple-900) / <alpha-value>)",
+        },
       },
       red: "rgb(var(--red) / <alpha-value>)",
       blue: "rgb(var(--blue) / <alpha-value>)",