fe/tailwind.config.js at develop · buddy-ya/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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  presets: [require('nativewind/preset')],
  theme: {
    extend: {
      textColor: {
        DEFAULT: '#282828',
      },
      colors: {
        primary: '#00A176',
        active: '#004D39',
        natural: '#F1F1F1',

        buttonPrimary: '#00A176',
        buttonDisabled: '#DFDFDF',

        text: '#282828',
        textDescription: '#797979',
        textWarning: '#FF7657',
        textLight: '#CBCBCB',
        textProfile: '#474747',

        placeholderPrimary: '#fff',
        background: '#FFFFFF',
        border: '#CBCBCB',
        borderInput: '#6b7280',
        borderSelect: '#e5e7eb',
        borderBottom: '#f3f4f6',
        borderCheckbox: '#d1d5db',
        borderFooter: '#E8E9EB',
        borderFeed: '#E8E9EB',
        footerBackground: '#FCFCFC',

        chipBorder: '#A6CFC4',
        chipActive: '#F6FFFD',

        toastBackground: '#A4A4A4',

        modalBorderBottom: '#F6F6F6',

        iconBorder: '#797977',
        headerBottom: '#E8E9EB',
        selectActive: '#f0fdf4',

        mainBackground: '#F6F6F6',
      },
      fontFamily: {
        sans: ['Pretendard-Regular'],
        thin: ['Pretendard-Thin'],
        extralight: ['Pretendard-ExtraLight'],
        light: ['Pretendard-Light'],
        medium: ['Pretendard-Medium'],
        semibold: ['Pretendard-SemiBold'],
        bold: ['Pretendard-Bold'],
        extrabold: ['Pretendard-ExtraBold'],
        black: ['Pretendard-Black'],
      },
      fontWeight: {
        thin: undefined,
        extralight: undefined,
        light: undefined,
        normal: undefined,
        medium: undefined,
        semibold: undefined,
        bold: undefined,
        extrabold: undefined,
        black: undefined,
      },
      lineHeight: {
        none: '1',
      },
    },
  },
};