-
Notifications
You must be signed in to change notification settings - Fork 380
Expand file tree
/
Copy pathtailwind.config.cjs
More file actions
187 lines (187 loc) · 6.27 KB
/
tailwind.config.cjs
File metadata and controls
187 lines (187 loc) · 6.27 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
darkMode: ['class', '[mode="dark"]'],
theme: {
colors: {
current: 'currentColor',
inherit: 'inherit',
transparent: 'transparent',
prose: {
DEFAULT: 'var(--color-text)',
darker: 'var(--color-text-darker)',
lighter: 'var(--color-text-lighter)',
},
dark: {
DEFAULT: 'var(--color-dark)',
darker: 'var(--color-dark-darker)',
lighter: 'var(--color-dark-lighter)',
},
light: {
DEFAULT: 'var(--color-light)',
darker: 'var(--color-light-darker)',
lighter: 'var(--color-light-lighter)',
},
overlay: {
DEFAULT: 'var(--color-overlay)',
darker: 'var(--color-overlay-darker)',
lighter: 'var(--color-overlay-lighter)',
},
editor: {
DEFAULT: 'var(--color-editor)',
darker: 'var(--color-editor-darker)',
lighter: 'var(--color-editor-lighter)',
},
logo: {
DEFAULT: 'var(--color-logo)',
darker: 'var(--color-logo-darker)',
lighter: 'var(--color-logo-lighter)',
},
theme: {
DEFAULT: 'var(--color-theme)',
darker: 'var(--color-theme-darker)',
lighter: 'var(--color-theme-lighter)',
},
divider: {
DEFAULT: 'var(--color-divider)',
},
brand: {
5: 'var(--color-brand-5)',
10: 'var(--color-brand-10)',
20: 'var(--color-brand-20)',
75: 'var(--color-brand-75)',
50: 'var(--color-brand-50)',
90: 'var(--color-brand-90)',
100: 'var(--color-brand-100)',
200: 'var(--color-brand-200)',
300: 'var(--color-brand-300)',
400: 'var(--color-brand-400)',
500: 'var(--color-brand-500)',
600: 'var(--color-brand-600)',
700: 'var(--color-brand-700)',
800: 'var(--color-brand-800)',
900: 'var(--color-brand-900)',
},
neutral: {
5: 'var(--color-neutral-5)',
10: 'var(--color-neutral-10)',
20: 'var(--color-neutral-20)',
30: 'var(--color-neutral-30)',
40: 'var(--color-neutral-40)',
50: 'var(--color-neutral-50)',
60: 'var(--color-neutral-60)',
70: 'var(--color-neutral-70)',
80: 'var(--color-neutral-80)',
90: 'var(--color-neutral-90)',
100: 'var(--color-neutral-100)',
200: 'var(--color-neutral-200)',
300: 'var(--color-neutral-300)',
400: 'var(--color-neutral-400)',
500: 'var(--color-neutral-500)',
600: 'var(--color-neutral-600)',
700: 'var(--color-neutral-700)',
800: 'var(--color-neutral-800)',
900: 'var(--color-neutral-900)',
},
primary: {
5: 'var(--color-primary-5)',
10: 'var(--color-primary-10)',
20: 'var(--color-primary-20)',
30: 'var(--color-primary-30)',
40: 'var(--color-primary-40)',
50: 'var(--color-primary-50)',
60: 'var(--color-primary-60)',
70: 'var(--color-primary-70)',
80: 'var(--color-primary-80)',
90: 'var(--color-primary-90)',
100: 'var(--color-primary-100)',
200: 'var(--color-primary-200)',
300: 'var(--color-primary-300)',
400: 'var(--color-primary-400)',
500: 'var(--color-primary-500)',
600: 'var(--color-primary-600)',
700: 'var(--color-primary-700)',
800: 'var(--color-primary-800)',
900: 'var(--color-primary-900)',
},
secondary: {
5: 'var(--color-secondary-5)',
10: 'var(--color-secondary-10)',
20: 'var(--color-secondary-20)',
30: 'var(--color-secondary-30)',
100: 'var(--color-secondary-100)',
200: 'var(--color-secondary-200)',
300: 'var(--color-secondary-300)',
400: 'var(--color-secondary-400)',
500: 'var(--color-secondary-500)',
600: 'var(--color-secondary-600)',
700: 'var(--color-secondary-700)',
800: 'var(--color-secondary-800)',
900: 'var(--color-secondary-900)',
},
accent: {
5: 'var(--color-accent-5)',
50: 'var(--color-accent-50)',
100: 'var(--color-accent-100)',
200: 'var(--color-accent-200)',
300: 'var(--color-accent-300)',
400: 'var(--color-accent-400)',
500: 'var(--color-accent-500)',
600: 'var(--color-accent-600)',
700: 'var(--color-accent-700)',
800: 'var(--color-accent-800)',
900: 'var(--color-accent-900)',
},
success: {
5: 'var(--color-success-5)',
10: 'var(--color-success-10)',
20: 'var(--color-success-20)',
30: 'var(--color-success-30)',
40: 'var(--color-success-40)',
100: 'var(--color-success-100)',
200: 'var(--color-success-200)',
300: 'var(--color-success-300)',
400: 'var(--color-success-400)',
500: 'var(--color-success-500)',
600: 'var(--color-success-600)',
700: 'var(--color-success-700)',
800: 'var(--color-success-800)',
900: 'var(--color-success-900)',
},
danger: {
5: 'var(--color-danger-5)',
10: 'var(--color-danger-10)',
20: 'var(--color-danger-20)',
30: 'var(--color-danger-30)',
40: 'var(--color-danger-40)',
100: 'var(--color-danger-100)',
200: 'var(--color-danger-200)',
300: 'var(--color-danger-300)',
400: 'var(--color-danger-400)',
500: 'var(--color-danger-500)',
600: 'var(--color-danger-600)',
700: 'var(--color-danger-700)',
800: 'var(--color-danger-800)',
900: 'var(--color-danger-900)',
},
warning: {
5: 'var(--color-warning-5)',
10: 'var(--color-warning-10)',
100: 'var(--color-warning-100)',
200: 'var(--color-warning-200)',
300: 'var(--color-warning-300)',
400: 'var(--color-warning-400)',
500: 'var(--color-warning-500)',
600: 'var(--color-warning-600)',
700: 'var(--color-warning-700)',
800: 'var(--color-warning-800)',
900: 'var(--color-warning-900)',
},
},
fontFamily: {
mono: ['JetBrains Mono', 'monospace'],
sans: ['Inter', 'sans-serif'],
serif: ['Publico', 'serif'],
},
},
}