Frontend/tailwind.config.js at dev · TAVE-9RP/Frontend · 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
51
52
53
54
55
56
57
58
59
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        pretendard: ['Pretendard', 'sans-serif'],
      },
      colors: {
        mainColor: {
          blue050: '#E2F1FF',
          blue100: '#B9DBFF',
          blue200: '#8AC6FF',
          blue300: '#58AFFF',
          blue400: '#2E9DFF',
          blue500: '#008CFF',
          blue600: '#007EF4',
          blue700: '#106CE1',
          blue800: '#145ACD',
          blue900: '#193AAF',
        },
        subColor: {
          orange050: '#FFF9E5',
          orange100: '#FFEEBC',
          orange200: '#FFEB94',
          orange300: '#FFDC6C',
          orange400: '#FFD154',
          orange500: '#FFCA4A',
          orange600: '#FFBC46',
          orange700: '#FFAB41',
          orange800: '#FF9B3F',
          orange900: '#FF803B',
        },
        greyColor: {
          grey50: '#FDFDFD',
          grey100: '#F7F8F9',
          grey200: '#E9EBEE',
          grey300: '#C5C8CE',
          grey400: '#A0A2AA',
          grey500: '#777981',
          grey600: '#63656C',
          grey700: '#44454D',
          grey800: '#22242B',
          grey900: '#131517',
        },
        errorColor: {
          red010: '#FF2935',
          red020: '#C2000B',
        },
        semanticColor: {
          green100: '#DDF8EF',
          green500: '#0CA678',
          red100: '#FDECEC',
          red500: '#E03131',
        },
      },
    },
  },
  plugins: [],
};