Chatwoot/tailwind.config.js
2021-09-29 15:17:21 +05:30

101 lines
2.1 KiB
JavaScript

const { colors } = require('tailwindcss/defaultTheme');
module.exports = {
purge: [
'./app/javascript/widget/**/*.vue',
'./app/javascript/shared/**/*.vue',
'./app/javascript/survey/**/*.vue',
],
future: {
removeDeprecatedGapUtilities: true,
},
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
xlarge: '1200px',
xxlarge: '1400px',
xxxlarge: '1600px',
},
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: [],
};