variate-docs/tailwind.config.js at develop · VariateHQ/variate-docs · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/*
** TailwindCSS Configuration File
**
** Docs: https://tailwindcss.com/docs/configuration
** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
*/
module.exports = {
    theme: {
        colors: {
            white: '#FFFFFF',
            black: '#000000',
            transparent: 'transparent',
            background: '#F7F8FA',
            bluegray: {
                100: '#EAEEF1',
                200: '#CAD4DC',
                300: '#ABBBC7',
                400: '#6B879E',
                500: '#2C5474',
                600: '#284C68',
                700: '#1A3246',
                800: '#142634',
                900: '#0D1923',
            },
            navy: {
                100: '#E8E9EC',
                200: '#C6C8D0',
                300: '#A3A7B3',
                400: '#5E657A',
                500: '#192341',
                600: '#17203B',
                700: '#0F1527',
                800: '#0B101D',
                900: '#080B14',
            },
            blue: {
                100: '#F0FBFF',
                200: '#D8F5FF',
                300: '#C1EFFF',
                400: '#93E3FF',
                500: '#64D7FF',
                600: '#5AC2E6',
                700: '#3C8199',
                800: '#2D6173',
                900: '#1E414D',
            },
            pink: {
                100: '#FFEFF2',
                200: '#FED6DF',
                300: '#FDBECB',
                400: '#FC8DA4',
                500: '#FB5C7D',
                600: '#E25371',
                700: '#97374B',
                800: '#712938',
                900: '#4B1C26',
            },
            purple: {
                100: '#F0F3FF',
                200: '#DAE0FE',
                300: '#C3CDFD',
                400: '#97A8FC',
                500: '#6A82FB',
                600: '#5F75E2',
                700: '#404E97',
                800: '#303B71',
                900: '#20274B',
            },
            success: {
                100: '#F0F8F3',
                200: '#D8EEE1',
                300: '#C1E3CF',
                400: '#93CFAB',
                500: '#64BA87',
                600: '#5AA77A',
                700: '#3C7051',
                800: '#2D543D',
                900: '#1E3829',
            },
            warning: {
                100: '#FDF6EC',
                200: '#F9E8CE',
                300: '#F5DAB1',
                400: '#EEBE77',
                500: '#E6A23C',
                600: '#CF9236',
                700: '#8A6124',
                800: '#68491B',
                900: '#453112',
            },
            danger: {
                100: '#FEF0F0',
                200: '#FDDADA',
                300: '#FBC4C4',
                400: '#F89898',
                500: '#F56C6C',
                600: '#DD6161',
                700: '#934141',
                800: '#6E3131',
                900: '#4A2020',
            },
            info: {
                100: '#F4F4F5',
                200: '#E3E4E6',
                300: '#D3D4D6',
                400: '#B1B3B8',
                500: '#909399',
                600: '#82848A',
                700: '#56585C',
                800: '#414245',
                900: '#2B2C2E',
            },
        },
        fontFamily: {
            brand: ['Montserrat', 'sans-serif'],
            heading: ['Montserrat', 'sans-serif'],
            body: ['Open Sans', 'sans-serif'],
            base: ['sans-serif']
        }
    },
    variants: {},
    plugins: [],
};