-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.ts
220 lines (219 loc) · 7.81 KB
/
tailwind.config.ts
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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
import type { Config } from "tailwindcss";
const config: Config = {
darkMode: ["class"],
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
fontFamily: {
geist: ["var(--font-geist-sans)"],
"gesit-mono": ["var(--font-geist-mono)"],
},
colors: {
background: {
"100": "hsl(var(--ds-background-100))",
"200": "hsl(var(--ds-background-200))",
DEFAULT: "hsl(var(--background))",
},
foreground: "hsl(var(--foreground))",
card: {
DEFAULT: "hsl(var(--card))",
foreground: "hsl(var(--card-foreground))",
},
popover: {
DEFAULT: "hsl(var(--popover))",
foreground: "hsl(var(--popover-foreground))",
},
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))",
},
muted: {
DEFAULT: "hsl(var(--muted))",
foreground: "hsl(var(--muted-foreground))",
},
accent: {
DEFAULT: "hsl(var(--accent))",
foreground: "hsl(var(--accent-foreground))",
},
destructive: {
DEFAULT: "hsl(var(--destructive))",
foreground: "hsl(var(--destructive-foreground))",
},
border: "hsl(var(--border))",
input: "hsl(var(--input))",
ring: "hsl(var(--ring))",
chart: {
"1": "hsl(var(--chart-1))",
"2": "hsl(var(--chart-2))",
"3": "hsl(var(--chart-3))",
"4": "hsl(var(--chart-4))",
"5": "hsl(var(--chart-5))",
},
sidebar: {
DEFAULT: "hsl(var(--ds-background-100))",
foreground: "hsl(var(--sidebar-foreground))",
primary: "hsl(var(--sidebar-primary))",
"primary-foreground": "hsl(var(--sidebar-primary-foreground))",
accent: "hsl(var(--sidebar-accent))",
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
border: "hsl(var(--sidebar-border))",
ring: "hsl(var(--sidebar-ring))",
},
contrast: "hsl(var(--ds-contrast-fg))",
success: {
DEFAULT: "var(--geist-success)",
lighter: "var(--geist-success-lighter)",
light: "var(--geist-success-light)",
dark: "var(--geist-success-dark)",
},
accents: {
"1": "var(--accents-1)",
"2": "var(--accents-2)",
"3": "var(--accents-3)",
"4": "var(--accents-4)",
"5": "var(--accents-5)",
"6": "var(--accents-6)",
"7": "var(--accents-7)",
"8": "var(--accents-8)",
},
gray: {
"100": "hsl(var(--ds-gray-100))",
"200": "hsl(var(--ds-gray-200))",
"300": "hsl(var(--ds-gray-300))",
"400": "hsl(var(--ds-gray-400))",
"500": "hsl(var(--ds-gray-500))",
"600": "hsl(var(--ds-gray-600))",
"700": "hsl(var(--ds-gray-700))",
"800": "hsl(var(--ds-gray-800))",
"900": "hsl(var(--ds-gray-900))",
"1000": "hsl(var(--ds-gray-1000))",
},
"gray-alpha": {
"100": "var(--ds-gray-alpha-100)",
"200": "var(--ds-gray-alpha-200)",
"300": "var(--ds-gray-alpha-300)",
"400": "var(--ds-gray-alpha-400)",
"500": "var(--ds-gray-alpha-500)",
"600": "var(--ds-gray-alpha-600)",
"700": "var(--ds-gray-alpha-700)",
"800": "var(--ds-gray-alpha-800)",
"900": "var(--ds-gray-alpha-900)",
"1000": "var(--ds-gray-alpha-1000)",
},
blue: {
"100": "hsl(var(--ds-blue-100))",
"200": "hsl(var(--ds-blue-200))",
"300": "hsl(var(--ds-blue-300))",
"400": "hsl(var(--ds-blue-400))",
"500": "hsl(var(--ds-blue-500))",
"600": "hsl(var(--ds-blue-600))",
"700": "hsl(var(--ds-blue-700))",
"800": "hsl(var(--ds-blue-800))",
"900": "hsl(var(--ds-blue-900))",
"1000": "hsl(var(--ds-blue-1000))",
},
red: {
"100": "hsl(var(--ds-red-100))",
"200": "hsl(var(--ds-red-200))",
"300": "hsl(var(--ds-red-300))",
"400": "hsl(var(--ds-red-400))",
"500": "hsl(var(--ds-red-500))",
"600": "hsl(var(--ds-red-600))",
"700": "hsl(var(--ds-red-700))",
"800": "hsl(var(--ds-red-800))",
"900": "hsl(var(--ds-red-900))",
"1000": "hsl(var(--ds-red-1000))",
},
amber: {
"100": "hsl(var(--ds-amber-100))",
"200": "hsl(var(--ds-amber-200))",
"300": "hsl(var(--ds-amber-300))",
"400": "hsl(var(--ds-amber-400))",
"500": "hsl(var(--ds-amber-500))",
"600": "hsl(var(--ds-amber-600))",
"700": "hsl(var(--ds-amber-700))",
"800": "hsl(var(--ds-amber-800))",
"900": "hsl(var(--ds-amber-900))",
"1000": "hsl(var(--ds-amber-1000))",
},
green: {
"100": "hsl(var(--ds-green-100))",
"200": "hsl(var(--ds-green-200))",
"300": "hsl(var(--ds-green-300))",
"400": "hsl(var(--ds-green-400))",
"500": "hsl(var(--ds-green-500))",
"600": "hsl(var(--ds-green-600))",
"700": "hsl(var(--ds-green-700))",
"800": "hsl(var(--ds-green-800))",
"900": "hsl(var(--ds-green-900))",
"1000": "hsl(var(--ds-green-1000))",
},
teal: {
"100": "hsl(var(--ds-teal-100))",
"200": "hsl(var(--ds-teal-200))",
"300": "hsl(var(--ds-teal-300))",
"400": "hsl(var(--ds-teal-400))",
"500": "hsl(var(--ds-teal-500))",
"600": "hsl(var(--ds-teal-600))",
"700": "hsl(var(--ds-teal-700))",
"800": "hsl(var(--ds-teal-800))",
"900": "hsl(var(--ds-teal-900))",
"1000": "hsl(var(--ds-teal-1000))",
},
purple: {
"100": "hsl(var(--ds-purple-100))",
"200": "hsl(var(--ds-purple-200))",
"300": "hsl(var(--ds-purple-300))",
"400": "hsl(var(--ds-purple-400))",
"500": "hsl(var(--ds-purple-500))",
"600": "hsl(var(--ds-purple-600))",
"700": "hsl(var(--ds-purple-700))",
"800": "hsl(var(--ds-purple-800))",
"900": "hsl(var(--ds-purple-900))",
"1000": "hsl(var(--ds-purple-1000))",
},
pink: {
"100": "hsl(var(--ds-pink-100))",
"200": "hsl(var(--ds-pink-200))",
"300": "hsl(var(--ds-pink-300))",
"400": "hsl(var(--ds-pink-400))",
"500": "hsl(var(--ds-pink-500))",
"600": "hsl(var(--ds-pink-600))",
"700": "hsl(var(--ds-pink-700))",
"800": "hsl(var(--ds-pink-800))",
"900": "hsl(var(--ds-pink-900))",
"1000": "hsl(var(--ds-pink-1000))",
},
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
},
boxShadow: {
inner: "var(--ds-shadow-inset)",
border: "var(--ds-shadow-border)",
small: "var(--ds-shadow-small)",
["border-small"]: "var(--ds-shadow-border-small)",
["input-ring"]: "var(--ds-shadow-input-ring)",
medium: "var(--ds-shadow-medium)",
large: "var(--ds-shadow-large)",
["border-large"]: "var(--ds-shadow-border-large)",
tooltip: "var(--ds-shadow-tooltip)",
menu: "var(--ds-shadow-menu)",
modal: "var(--ds-shadow-modal)",
fullscreen: "var(--ds-shadow-fullscreen)",
},
},
},
plugins: [require("tailwindcss-animate")],
};
export default config;