flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/bluesky-website-generator.
bluesky-website-generator.vercel.app
12 kB
368 lines
1@import 'tailwindcss';
2@plugin '@tailwindcss/forms';
3@plugin '@tailwindcss/typography';
4
5@source "../node_modules/@fuxui";
6
7@custom-variant dark (&:is(.dark *));
8
9@theme inline {
10 --color-base-50: var(--base-50);
11 --color-base-100: var(--base-100);
12 --color-base-200: var(--base-200);
13 --color-base-300: var(--base-300);
14 --color-base-400: var(--base-400);
15 --color-base-500: var(--base-500);
16 --color-base-600: var(--base-600);
17 --color-base-700: var(--base-700);
18 --color-base-800: var(--base-800);
19 --color-base-900: var(--base-900);
20 --color-base-950: var(--base-950);
21
22 --color-accent-50: var(--accent-50);
23 --color-accent-100: var(--accent-100);
24 --color-accent-200: var(--accent-200);
25 --color-accent-300: var(--accent-300);
26 --color-accent-400: var(--accent-400);
27 --color-accent-500: var(--accent-500);
28 --color-accent-600: var(--accent-600);
29 --color-accent-700: var(--accent-700);
30 --color-accent-800: var(--accent-800);
31 --color-accent-900: var(--accent-900);
32 --color-accent-950: var(--accent-950);
33}
34
35@layer base {
36 :root {
37 --accent-50: var(--color-pink-50);
38 --accent-100: var(--color-pink-100);
39 --accent-200: var(--color-pink-200);
40 --accent-300: var(--color-pink-300);
41 --accent-400: var(--color-pink-400);
42 --accent-500: var(--color-pink-500);
43 --accent-600: var(--color-pink-600);
44 --accent-700: var(--color-pink-700);
45 --accent-800: var(--color-pink-800);
46 --accent-900: var(--color-pink-900);
47 --accent-950: var(--color-pink-950);
48
49 --base-50: var(--color-stone-50);
50 --base-100: var(--color-stone-100);
51 --base-200: var(--color-stone-200);
52 --base-300: var(--color-stone-300);
53 --base-400: var(--color-stone-400);
54 --base-500: var(--color-stone-500);
55 --base-600: var(--color-stone-600);
56 --base-700: var(--color-stone-700);
57 --base-800: var(--color-stone-800);
58 --base-900: var(--color-stone-900);
59 --base-950: var(--color-stone-950);
60 }
61
62 .red {
63 --accent-50: var(--color-red-50);
64 --accent-100: var(--color-red-100);
65 --accent-200: var(--color-red-200);
66 --accent-300: var(--color-red-300);
67 --accent-400: var(--color-red-400);
68 --accent-500: var(--color-red-500);
69 --accent-600: var(--color-red-600);
70 --accent-700: var(--color-red-700);
71 --accent-800: var(--color-red-800);
72 --accent-900: var(--color-red-900);
73 --accent-950: var(--color-red-950);
74 }
75
76 .orange {
77 --accent-50: var(--color-orange-50);
78 --accent-100: var(--color-orange-100);
79 --accent-200: var(--color-orange-200);
80 --accent-300: var(--color-orange-300);
81 --accent-400: var(--color-orange-400);
82 --accent-500: var(--color-orange-500);
83 --accent-600: var(--color-orange-600);
84 --accent-700: var(--color-orange-700);
85 --accent-800: var(--color-orange-800);
86 --accent-900: var(--color-orange-900);
87 --accent-950: var(--color-orange-950);
88 }
89
90 .amber {
91 --accent-50: var(--color-amber-50);
92 --accent-100: var(--color-amber-100);
93 --accent-200: var(--color-amber-200);
94 --accent-300: var(--color-amber-300);
95 --accent-400: var(--color-amber-400);
96 --accent-500: var(--color-amber-500);
97 --accent-600: var(--color-amber-600);
98 --accent-700: var(--color-amber-700);
99 --accent-800: var(--color-amber-800);
100 --accent-900: var(--color-amber-900);
101 --accent-950: var(--color-amber-950);
102 }
103
104 .yellow {
105 --accent-50: var(--color-yellow-50);
106 --accent-100: var(--color-yellow-100);
107 --accent-200: var(--color-yellow-200);
108 --accent-300: var(--color-yellow-300);
109 --accent-400: var(--color-yellow-400);
110 --accent-500: var(--color-yellow-500);
111 --accent-600: var(--color-yellow-600);
112 --accent-700: var(--color-yellow-700);
113 --accent-800: var(--color-yellow-800);
114 --accent-900: var(--color-yellow-900);
115 --accent-950: var(--color-yellow-950);
116 }
117
118 .lime {
119 --accent-50: var(--color-lime-50);
120 --accent-100: var(--color-lime-100);
121 --accent-200: var(--color-lime-200);
122 --accent-300: var(--color-lime-300);
123 --accent-400: var(--color-lime-400);
124 --accent-500: var(--color-lime-500);
125 --accent-600: var(--color-lime-600);
126 --accent-700: var(--color-lime-700);
127 --accent-800: var(--color-lime-800);
128 --accent-900: var(--color-lime-900);
129 --accent-950: var(--color-lime-950);
130 }
131
132 .green {
133 --accent-50: var(--color-green-50);
134 --accent-100: var(--color-green-100);
135 --accent-200: var(--color-green-200);
136 --accent-300: var(--color-green-300);
137 --accent-400: var(--color-green-400);
138 --accent-500: var(--color-green-500);
139 --accent-600: var(--color-green-600);
140 --accent-700: var(--color-green-700);
141 --accent-800: var(--color-green-800);
142 --accent-900: var(--color-green-900);
143 --accent-950: var(--color-green-950);
144 }
145
146 .emerald {
147 --accent-50: var(--color-emerald-50);
148 --accent-100: var(--color-emerald-100);
149 --accent-200: var(--color-emerald-200);
150 --accent-300: var(--color-emerald-300);
151 --accent-400: var(--color-emerald-400);
152 --accent-500: var(--color-emerald-500);
153 --accent-600: var(--color-emerald-600);
154 --accent-700: var(--color-emerald-700);
155 --accent-800: var(--color-emerald-800);
156 --accent-900: var(--color-emerald-900);
157 --accent-950: var(--color-emerald-950);
158 }
159
160 .teal {
161 --accent-50: var(--color-teal-50);
162 --accent-100: var(--color-teal-100);
163 --accent-200: var(--color-teal-200);
164 --accent-300: var(--color-teal-300);
165 --accent-400: var(--color-teal-400);
166 --accent-500: var(--color-teal-500);
167 --accent-600: var(--color-teal-600);
168 --accent-700: var(--color-teal-700);
169 --accent-800: var(--color-teal-800);
170 --accent-900: var(--color-teal-900);
171 --accent-950: var(--color-teal-950);
172 }
173
174 .cyan {
175 --accent-50: var(--color-cyan-50);
176 --accent-100: var(--color-cyan-100);
177 --accent-200: var(--color-cyan-200);
178 --accent-300: var(--color-cyan-300);
179 --accent-400: var(--color-cyan-400);
180 --accent-500: var(--color-cyan-500);
181 --accent-600: var(--color-cyan-600);
182 --accent-700: var(--color-cyan-700);
183 --accent-800: var(--color-cyan-800);
184 --accent-900: var(--color-cyan-900);
185 --accent-950: var(--color-cyan-950);
186 }
187
188 .sky {
189 --accent-50: var(--color-sky-50);
190 --accent-100: var(--color-sky-100);
191 --accent-200: var(--color-sky-200);
192 --accent-300: var(--color-sky-300);
193 --accent-400: var(--color-sky-400);
194 --accent-500: var(--color-sky-500);
195 --accent-600: var(--color-sky-600);
196 --accent-700: var(--color-sky-700);
197 --accent-800: var(--color-sky-800);
198 --accent-900: var(--color-sky-900);
199 --accent-950: var(--color-sky-950);
200 }
201 .blue {
202 --accent-50: var(--color-blue-50);
203 --accent-100: var(--color-blue-100);
204 --accent-200: var(--color-blue-200);
205 --accent-300: var(--color-blue-300);
206 --accent-400: var(--color-blue-400);
207 --accent-500: var(--color-blue-500);
208 --accent-600: var(--color-blue-600);
209 --accent-700: var(--color-blue-700);
210 --accent-800: var(--color-blue-800);
211 --accent-900: var(--color-blue-900);
212 --accent-950: var(--color-blue-950);
213 }
214
215 .indigo {
216 --accent-50: var(--color-indigo-50);
217 --accent-100: var(--color-indigo-100);
218 --accent-200: var(--color-indigo-200);
219 --accent-300: var(--color-indigo-300);
220 --accent-400: var(--color-indigo-400);
221 --accent-500: var(--color-indigo-500);
222 --accent-600: var(--color-indigo-600);
223 --accent-700: var(--color-indigo-700);
224 --accent-800: var(--color-indigo-800);
225 --accent-900: var(--color-indigo-900);
226 --accent-950: var(--color-indigo-950);
227 }
228
229 .violet {
230 --accent-50: var(--color-violet-50);
231 --accent-100: var(--color-violet-100);
232 --accent-200: var(--color-violet-200);
233 --accent-300: var(--color-violet-300);
234 --accent-400: var(--color-violet-400);
235 --accent-500: var(--color-violet-500);
236 --accent-600: var(--color-violet-600);
237 --accent-700: var(--color-violet-700);
238 --accent-800: var(--color-violet-800);
239 --accent-900: var(--color-violet-900);
240 --accent-950: var(--color-violet-950);
241 }
242
243 .purple {
244 --accent-50: var(--color-purple-50);
245 --accent-100: var(--color-purple-100);
246 --accent-200: var(--color-purple-200);
247 --accent-300: var(--color-purple-300);
248 --accent-400: var(--color-purple-400);
249 --accent-500: var(--color-purple-500);
250 --accent-600: var(--color-purple-600);
251 --accent-700: var(--color-purple-700);
252 --accent-800: var(--color-purple-800);
253 --accent-900: var(--color-purple-900);
254 --accent-950: var(--color-purple-950);
255 }
256
257 .fuchsia {
258 --accent-50: var(--color-fuchsia-50);
259 --accent-100: var(--color-fuchsia-100);
260 --accent-200: var(--color-fuchsia-200);
261 --accent-300: var(--color-fuchsia-300);
262 --accent-400: var(--color-fuchsia-400);
263 --accent-500: var(--color-fuchsia-500);
264 --accent-600: var(--color-fuchsia-600);
265 --accent-700: var(--color-fuchsia-700);
266 --accent-800: var(--color-fuchsia-800);
267 --accent-900: var(--color-fuchsia-900);
268 --accent-950: var(--color-fuchsia-950);
269 }
270
271 .pink {
272 --accent-50: var(--color-pink-50);
273 --accent-100: var(--color-pink-100);
274 --accent-200: var(--color-pink-200);
275 --accent-300: var(--color-pink-300);
276 --accent-400: var(--color-pink-400);
277 --accent-500: var(--color-pink-500);
278 --accent-600: var(--color-pink-600);
279 --accent-700: var(--color-pink-700);
280 --accent-800: var(--color-pink-800);
281 --accent-900: var(--color-pink-900);
282 --accent-950: var(--color-pink-950);
283 }
284
285 .rose {
286 --accent-50: var(--color-rose-50);
287 --accent-100: var(--color-rose-100);
288 --accent-200: var(--color-rose-200);
289 --accent-300: var(--color-rose-300);
290 --accent-400: var(--color-rose-400);
291 --accent-500: var(--color-rose-500);
292 --accent-600: var(--color-rose-600);
293 --accent-700: var(--color-rose-700);
294 --accent-800: var(--color-rose-800);
295 --accent-900: var(--color-rose-900);
296 --accent-950: var(--color-rose-950);
297 }
298
299 .gray {
300 --base-50: var(--color-gray-50);
301 --base-100: var(--color-gray-100);
302 --base-200: var(--color-gray-200);
303 --base-300: var(--color-gray-300);
304 --base-400: var(--color-gray-400);
305 --base-500: var(--color-gray-500);
306 --base-600: var(--color-gray-600);
307 --base-700: var(--color-gray-700);
308 --base-800: var(--color-gray-800);
309 --base-900: var(--color-gray-900);
310 --base-950: var(--color-gray-950);
311 }
312
313 .zinc {
314 --base-50: var(--color-zinc-50);
315 --base-100: var(--color-zinc-100);
316 --base-200: var(--color-zinc-200);
317 --base-300: var(--color-zinc-300);
318 --base-400: var(--color-zinc-400);
319 --base-500: var(--color-zinc-500);
320 --base-600: var(--color-zinc-600);
321 --base-700: var(--color-zinc-700);
322 --base-800: var(--color-zinc-800);
323 --base-900: var(--color-zinc-900);
324 --base-950: var(--color-zinc-950);
325 }
326
327 .neutral {
328 --base-50: var(--color-neutral-50);
329 --base-100: var(--color-neutral-100);
330 --base-200: var(--color-neutral-200);
331 --base-300: var(--color-neutral-300);
332 --base-400: var(--color-neutral-400);
333 --base-500: var(--color-neutral-500);
334 --base-600: var(--color-neutral-600);
335 --base-700: var(--color-neutral-700);
336 --base-800: var(--color-neutral-800);
337 --base-900: var(--color-neutral-900);
338 --base-950: var(--color-neutral-950);
339 }
340
341 .stone {
342 --base-50: var(--color-stone-50);
343 --base-100: var(--color-stone-100);
344 --base-200: var(--color-stone-200);
345 --base-300: var(--color-stone-300);
346 --base-400: var(--color-stone-400);
347 --base-500: var(--color-stone-500);
348 --base-600: var(--color-stone-600);
349 --base-700: var(--color-stone-700);
350 --base-800: var(--color-stone-800);
351 --base-900: var(--color-stone-900);
352 --base-950: var(--color-stone-950);
353 }
354
355 .slate {
356 --base-50: var(--color-slate-50);
357 --base-100: var(--color-slate-100);
358 --base-200: var(--color-slate-200);
359 --base-300: var(--color-slate-300);
360 --base-400: var(--color-slate-400);
361 --base-500: var(--color-slate-500);
362 --base-600: var(--color-slate-600);
363 --base-700: var(--color-slate-700);
364 --base-800: var(--color-slate-800);
365 --base-900: var(--color-slate-900);
366 --base-950: var(--color-slate-950);
367 }
368}