chatwoot/tailwind.config.js at master · WellSheet/chatwoot · 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
const { colors } = require('tailwindcss/defaultTheme');

module.exports = {
  purge: [
    './app/javascript/widget/**/*.vue',
    './app/javascript/shared/**/*.vue',
  ],
  future: {
    removeDeprecatedGapUtilities: true,
  },
  theme: {
    colors: {
      white: colors.white,
      woot: {
        50: '#E3F2FF',
        100: '#BBDDFF',
        200: '#8FC9FF',
        300: '#61B3FF',
        400: '#3FA3FF',
        500: '#1F93FF',
        600: '#2284F0',
        700: '#2272DC',
        800: '#2161CA',
        900: '#1F41AB',
      },
      green: {
        50: '#E6F8E6',
        100: '#C4EEC2',
        200: '#9DE29A',
        300: '#6FD86F',
        400: '#44CE4B',
        500: '#00C41D',
        600: '#00B412',
        700: '#00A200',
        800: '#009000',
        900: '#007000',
      },
      yellow: {
        50: '#FFFEE8',
        100: '#FFFAC5',
        200: '#FFF69E',
        300: '#FEF176',
        400: '#FCEC56',
        500: '#F9E736',
        600: '#FFDD3A',
        700: '#FFC532',
        800: '#FDAD2A',
        900: '#F9841B',
      },
      slate: {
        50: '#F4F6FB',
        100: '#C8D6E6',
        200: '#ABBACE',
        300: '#8C9EB6',
        400: '#7489A4',
        500: '#5D7592',
        600: '#506781',
        700: '#40546B',
        800: '#314155',
        900: '#1F2D3D',
      },
      black: {
        50: '#F8F9FE',
        100: '#F2F3F7',
        200: '#E9EAEF',
        300: '#DADBDF',
        400: '#B6B7BB',
        500: '#96979C',
        600: '#6E6F73',
        700: '#3C4858',
        800: '#3C3D40',
        900: '#1B1C1F',
      },
      red: {
        50: '#FFEBEE',
        100: '#FFCCD1',
        200: '#F69898',
        300: '#EF6F6F',
        400: '#F94B4A',
        500: '#FF382D',
        600: '#F02B2D',
        700: '#DE1E27',
        800: '#D11320',
        900: '#C30011',
      },
    },
    extend: {},
  },
  variants: {},
  plugins: [],
};