FLEX-FE/tailwind.config.ts at develop · FLEX-CODEPING/FLEX-FE · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        pretendard: ['var(--font-pretendard)'],
      },
      colors: {
        main: {
          1: '#F95700',
          2: '#FFA474',
          3: '#FFF3EC',
          4: '#ffeae0',
        },
        red: {
          1: '#F12C2C',
          2: '#FF6A6A',
        },
        blue: {
          1: '#0065D1',
          2: '#6AB2FF',
        },
        gray: {
          1: '#7A7A7A',
          2: '#CBCACA',
          3: '#EEEEEE',
          4: '#AAAAAA',
          5: '#f6f6f6',
          6: '#F9F9F9',
          7: '#616161',
        },
        black: {
          0: '#1C1C1C',
          1: '#434343',
        },
      },
      spacing: {
        '12.5': '50px',
      },
    },
  },
};

export default config;