-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.preset.js
127 lines (126 loc) · 2.53 KB
/
tailwind.preset.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
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
124
125
126
127
const actionBlue = '#495ED4';
module.exports = {
important: true,
content: [
'./components/**/**/*/twig',
'./components/**/*.twig',
'./components/**/*.yml',
'./templates/**/*.twig',
],
theme: {
colors: {
none: 'transparent',
white: '#FFFFFF',
black: '#212123',
text: {
secondary: '#59595c',
},
action: actionBlue,
blue: {
1: '#EDF4F7',
2: '#A9D6EA',
bright: actionBlue,
dark: '#0C1464',
},
slate: {
DEFAULT: '#1D4D70', // Slate L3
light: '#5A7A92', // Slate L2
4: '#002B48',
3: '#1D4D70',
2: '#5A7A92',
1: '#EFF3F4',
},
green: {
4: '#1B674D',
3: '#00866A',
2: '#C0E2C5',
1: '#E9F7EC',
},
red: {
4: '#9B3921',
3: '#C55236',
2: '#EFCABB',
1: '#F5E9E5',
},
purple: {
4: '#543A89',
3: '#7D61B3',
2: '#CCCCED',
1: '#EDEBF6',
},
yellow: {
4: '#E0A81A',
3: '#F4C435',
2: '#F9E3A3',
1: '#F8F1DF',
},
grey: {
dark: '#424244',
focus: '#A1A1A1', // Grey L4
4: '#A1A1A1',
3: '#C2C2C2',
2: '#E2E2E2',
1: '#F6F6F6',
},
sequential: {
darkBlue: {
7: '#0d1670',
6: '#2f287a',
5: '#463a84',
4: '#5a4d8f',
3: '#6e6099',
2: '#8074a3',
1: '#9389ad',
},
orange: {
7: '#eb6d05',
6: '#ce610f',
5: '#b15514',
4: '#964a17',
3: '#7b3f18',
2: '#603418',
1: '#472917',
},
teal: {
7: '#279d9a',
6: '#208e8b',
5: '#197f7c',
4: '#12706d',
3: '#0b625f',
2: '#055451',
1: '#004644',
},
blue: {
7: '#0099e8',
6: '#1389cf',
5: '#1b7ab7',
4: '#1f6ba0',
3: '#205c89',
2: '#204e73',
1: '#1e405d',
},
purple: {
7: '#7e5acc',
6: '#6e4fb1',
5: '#5e4397',
4: '#4f397d',
3: '#402e65',
2: '#32244d',
1: '#241a37',
},
pink: {
7: '#d5006d',
6: '#b90e5f',
5: '#9e1451',
4: '#831644',
3: '#691737',
2: '#51152b',
1: '#39121f',
},
grey: {
0: '#c6c6c6',
},
},
},
},
};