flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/svelte-cloudflare-statusphere.
statusphere.atmo.tools
atproto
cloudflare-workers
oauth
svelte
1.9 kB
60 lines
1@import 'tailwindcss';
2
3@plugin '@tailwindcss/forms';
4@source "../node_modules/@foxui";
5
6/* @custom-variant dark (&:where(.dark, .dark *)); */
7
8@theme inline {
9 --color-base-50: var(--base-50);
10 --color-base-100: var(--base-100);
11 --color-base-200: var(--base-200);
12 --color-base-300: var(--base-300);
13 --color-base-400: var(--base-400);
14 --color-base-500: var(--base-500);
15 --color-base-600: var(--base-600);
16 --color-base-700: var(--base-700);
17 --color-base-800: var(--base-800);
18 --color-base-900: var(--base-900);
19 --color-base-950: var(--base-950);
20
21 --color-accent-50: var(--accent-50);
22 --color-accent-100: var(--accent-100);
23 --color-accent-200: var(--accent-200);
24 --color-accent-300: var(--accent-300);
25 --color-accent-400: var(--accent-400);
26 --color-accent-500: var(--accent-500);
27 --color-accent-600: var(--accent-600);
28 --color-accent-700: var(--accent-700);
29 --color-accent-800: var(--accent-800);
30 --color-accent-900: var(--accent-900);
31 --color-accent-950: var(--accent-950);
32}
33
34@layer base {
35 :root {
36 --accent-50: var(--color-rose-50);
37 --accent-100: var(--color-rose-100);
38 --accent-200: var(--color-rose-200);
39 --accent-300: var(--color-rose-300);
40 --accent-400: var(--color-rose-400);
41 --accent-500: var(--color-rose-500);
42 --accent-600: var(--color-rose-600);
43 --accent-700: var(--color-rose-700);
44 --accent-800: var(--color-rose-800);
45 --accent-900: var(--color-rose-900);
46 --accent-950: var(--color-rose-950);
47
48 --base-50: var(--color-stone-50);
49 --base-100: var(--color-stone-100);
50 --base-200: var(--color-stone-200);
51 --base-300: var(--color-stone-300);
52 --base-400: var(--color-stone-400);
53 --base-500: var(--color-stone-500);
54 --base-600: var(--color-stone-600);
55 --base-700: var(--color-stone-700);
56 --base-800: var(--color-stone-800);
57 --base-900: var(--color-stone-900);
58 --base-950: var(--color-stone-950);
59 }
60}