디자인 시스템 변경 사항 반영 (SWYP-team-2th#73)

YOOJS1205 · Feb 18, 2025 · 4c60fb3 · 4c60fb3
1 parent 6051e27
commit 4c60fb3
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 21 deletions.
diff --git a/src/index.css b/src/index.css
@@ -9,15 +9,15 @@
 }
 
 @theme {
-  --color-primary-900: #ff6400;
-  --color-primary-800: #ff7500;
-  --color-primary-700: #ff8500;
-  --color-primary-600: #ff9500;
-  --color-primary-500: #ffa600;
-  --color-primary-400: #ffb800;
-  --color-primary-300: #ffc72a;
-  --color-primary-200: #ffda44;
-  --color-primary-100: #ffe066;
+  --color-primary-900: #b36700;
+  --color-primary-800: #c97800;
+  --color-primary-700: #e08c00;
+  --color-primary-600: #f5a100;
+  --color-primary-500: #ffb300;
+  --color-primary-400: #ffc72e;
+  --color-primary-300: #ffd94e;
+  --color-primary-200: #ffea70;
+  --color-primary-100: #fef88f;
 
   --color-accent-900: #3a0080;
   --color-accent-800: #46109a;

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -23,35 +23,39 @@ export const theme = {
       ],
       'title-medium': [
         '20px',
-        { lineHeight: '1.2', letterSpacing: '-0.015em', fontWeight: '600' },
+        { lineHeight: '1.25', letterSpacing: '-0.015em', fontWeight: '600' },
       ],
       'title-small': [
         '18px',
         { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '600' },
       ],
+      'title-x-small': [
+        '16px',
+        { lineHeight: '1.2', letterSpacing: '-0.015em', fontWeight: '600' },
+      ],
       'body-1-long': ['16px', { lineHeight: '1.3', letterSpacing: '-0.01em' }],
       'body-1-normal': [
         '16px',
         { lineHeight: '1.25', letterSpacing: '-0.01em' },
       ],
-      'body-2-long': [
-        '14px',
-        { lineHeight: '1.25', letterSpacing: '-0.005em' },
-      ],
+      'body-2-long': ['14px', { lineHeight: '1.25', letterSpacing: '-0.01em' }],
       'body-2-normal': [
         '14px',
-        { lineHeight: '1.2', letterSpacing: '-0.005em' },
+        { lineHeight: '1.2', letterSpacing: '-0.01em' },
+      ],
+      caption: ['12px', { lineHeight: '1.25', letterSpacing: '-0.02em' }],
+      'label-large': [
+        '16px',
+        { lineHeight: '1.2', letterSpacing: '-0.015em', fontWeight: 'bold' },
       ],
-      caption: ['12px', { lineHeight: '1.28', letterSpacing: '0.005em' }],
-      'label-1': [
+      'label-medium': [
         '14px',
-        { lineHeight: '1.25', letterSpacing: '0.005em', fontWeight: 'bold' },
+        { lineHeight: '1.25', letterSpacing: '-0.015em', fontWeight: 'bold' },
       ],
-      'label-2': [
+      'label-small': [
         '12px',
-        { lineHeight: '1.3', letterSpacing: '0.005em', fontWeight: 'bold' },
+        { lineHeight: '1.3', letterSpacing: '-0.015em', fontWeight: 'bold' },
       ],
     },
   },
 };
-export const plugins = [];