Merge pull request #133 from boostcampwm-2024/chore/fe/#130-setupTail…

…wind [CHORE][FE] #130 : tailwind 컬러 및 폰트 세팅
boostcampwm-2024 · Nov 11, 2024 · 82fa75a · 82fa75a
2 parents f8498e4 + 5386686
commit 82fa75a
Showing 1 changed file with 39 additions and 1 deletion.
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
@@ -5,7 +5,45 @@ module.exports = {
     './src/**/*.{html,js,jsx,ts,tsx}', // Tailwind가 처리할 파일 경로를 지정
   ],
   theme: {
-    extend: {}, // 필요한 커스터마이징을 여기서 설정 가능
+    extend: {
+      colors: {
+        grayscale: {
+          white: '#FFFFFF',
+          50: 'rgba(60, 60, 67, 0.36)',
+          100: '#EDF2F7',
+          200: '#6D6D6D',
+          400: '#555555',
+          800: '#3E3E3E',
+          900: '1C1C1C',
+        },
+        blueGray: {
+          200: '#495664',
+          600: '#245C87',
+          800: '#333C4A',
+        },
+        marker: {
+          user1: '#B4D033',
+          user2: '#22A751',
+          user3: '#2722A7',
+          user4: '#8F22A7',
+          user5: '#A73D22',
+        },
+      },
+      fontSize: {
+        '3xs': '0.5rem',
+        '2xs': '0.625rem',
+        xs: '0.75rem',
+        sm: '0.875rem',
+        base: '1rem',
+        lg: '1.125rem',
+        xl: '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+        '4xl': '2.25rem',
+        '5xl': '3rem',
+        '6xl': '4rem',
+      },
+    }, // 필요한 커스터마이징을 여기서 설정 가능
   },
   plugins: [],
 };