chore: tailwind 세팅 (#29)

* chore: tailwind 색상, 폰트 크기 세팅 * chore: main yellow 색상 변경
prgrms-web-devcourse · Nov 3, 2023 · 23db88d · 23db88d
1 parent 9396cb1
commit 23db88d
Showing 1 changed file with 44 additions and 1 deletion.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,7 +4,50 @@ import rippleui from 'rippleui'
 export default {
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        main: {
+          red: {
+            100: '#2C1D1D',
+            200: '#1F0909',
+            300: '#220000',
+          },
+          ivory: '#FFFAEA',
+          yellow: '#FFF4D1',
+          gray: '#1F1F1F',
+        },
+        gray: {
+          100: '#BABABA',
+          200: '#636363',
+          300: '#454545',
+        },
+        active: {
+          orange: '#FF9900',
+        },
+        sub: {
+          red: {
+            100: '#E8BBBB',
+            200: '#FF0000',
+          },
+          orange: '#C34711',
+          yellow: '#FFE146',
+          green: '#519C17',
+          brown: '#A16B19',
+          wine: '#C31166',
+          pink: '#FF42B3',
+          blue: '#1138C3',
+          skyblue: '#48F4FF',
+        },
+      },
+      fontSize: {
+        xs: '0.625rem',
+        sm: '0.75rem',
+        base: '0.8125rem',
+        lg: '0.875rem',
+        xl: '1rem',
+        '2xl': '1.125rem',
+      },
+    },
   },
   plugins: [rippleui],
 }