-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
61 lines (60 loc) · 1.18 KB
/
tailwind.config.js
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
const { colors } = require('tailwindcss/defaultTheme')
// tailwind.config.js
module.exports = {
variants: {
extend: {
ringWidth: ['hover', 'focus']
}
},
theme: {
colors: {
primary: {
100: '#73A7C6',
200: '#3C7BA0',
300: '#196795',
400: '#0A4A6F',
500: '#03304B'
},
secondary: {
100: '#8F7DCE',
200: '#5E47AD',
300: '#3F23A1',
400: '#291278',
500: '#170751'
},
tertiary: {
100: '#95E680',
200: '#64D447',
300: '#3BC417',
400: '#239305',
500: '#156300'
},
complementary: {
100: '#FFCC8E',
200: '#FBB054',
300: '#E98D1B',
400: '#AF6306',
500: '#764100'
},
gray: {
100: '#DDDDEE',
200: '#BBBBCC',
300: '#9999AA',
400: '#777788',
500: '#555566'
},
white: '#ffffff',
black: '#000000',
offwhite: '#e0e0e0'
}
},
plugins: [
require('@tailwindcss/typography')
],
purge: {
// These options are passed through directly to PurgeCSS
options: {
safelist: ['bg-tertiary-300']
}
}
}