-
Notifications
You must be signed in to change notification settings - Fork 32
/
tailwind.config.cjs
73 lines (67 loc) · 1.51 KB
/
tailwind.config.cjs
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
/* eslint-disable global-require */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts,md}'],
theme: {
extend: {
colors: {
'that-offWhite': '#F7F7F7',
'that-grey': '#555555',
'that-gray': '#555555',
'that-orange': '#FF834D',
'that-red': '#F74646',
'that-blue': '#26529A',
'that-navy': '#1F2A63', // active, text, section bg
'that-navyDark': '#16215A',
thatOrange: {
100: '#ffede5',
200: '#ffcab3',
300: '#ffa680',
400: '#ff834d', // base color
500: '#ff5f1a',
600: '#e64600',
700: '#b33600',
800: '#802700',
900: '#4d1700'
},
// todo: not sure we have the right reds here... logo, tx seem to be missing
thatRed: {
100: '#fddada',
200: '#fcb5b5',
300: '#fa9090',
400: '#f96b6b',
500: '#f74646', // base colors
600: '#c63838',
700: '#942a2a',
800: '#631c1c',
900: '#310e0e'
},
// todo: do we have our logo blue in here?
thatBlue: {
100: '#d4dceb',
200: '#a8bad7',
300: '#7d97c2',
400: '#5175ae',
500: '#26529a', // base color
600: '#1e427b',
700: '#1F2A63', // base active, text, section bg
800: '#16215A', // base dark navy
900: '#0f213e'
}
}
}
},
// Necessary z-index for the date headers in Activities
zIndex: {
1: '1'
},
variants: {
extend: {
fontWeight: ['hover', 'focus']
}
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
require('@tailwindcss/aspect-ratio')
]
};