flo-bit.dev
simple atproto oauth for static svelte apps
flo-bit.dev/svelte-atproto-client-oauth/
1@import 'tailwindcss';
2
3@plugin '@tailwindcss/forms';
4
5/* @custom-variant dark (&:where(.dark, .dark *)); */
6
7@theme inline {
8 --color-base-50: var(--base-50);
9 --color-base-100: var(--base-100);
10 --color-base-200: var(--base-200);
11 --color-base-300: var(--base-300);
12 --color-base-400: var(--base-400);
13 --color-base-500: var(--base-500);
14 --color-base-600: var(--base-600);
15 --color-base-700: var(--base-700);
16 --color-base-800: var(--base-800);
17 --color-base-900: var(--base-900);
18 --color-base-950: var(--base-950);
19
20 --color-accent-50: var(--accent-50);
21 --color-accent-100: var(--accent-100);
22 --color-accent-200: var(--accent-200);
23 --color-accent-300: var(--accent-300);
24 --color-accent-400: var(--accent-400);
25 --color-accent-500: var(--accent-500);
26 --color-accent-600: var(--accent-600);
27 --color-accent-700: var(--accent-700);
28 --color-accent-800: var(--accent-800);
29 --color-accent-900: var(--accent-900);
30 --color-accent-950: var(--accent-950);
31}
32
33@layer base {
34 :root {
35 --accent-50: var(--color-rose-50);
36 --accent-100: var(--color-rose-100);
37 --accent-200: var(--color-rose-200);
38 --accent-300: var(--color-rose-300);
39 --accent-400: var(--color-rose-400);
40 --accent-500: var(--color-rose-500);
41 --accent-600: var(--color-rose-600);
42 --accent-700: var(--color-rose-700);
43 --accent-800: var(--color-rose-800);
44 --accent-900: var(--color-rose-900);
45 --accent-950: var(--color-rose-950);
46
47 --base-50: var(--color-stone-50);
48 --base-100: var(--color-stone-100);
49 --base-200: var(--color-stone-200);
50 --base-300: var(--color-stone-300);
51 --base-400: var(--color-stone-400);
52 --base-500: var(--color-stone-500);
53 --base-600: var(--color-stone-600);
54 --base-700: var(--color-stone-700);
55 --base-800: var(--color-stone-800);
56 --base-900: var(--color-stone-900);
57 --base-950: var(--color-stone-950);
58 }
59}