@cloudvoyant/vortex-ui 0.17.0-rc.202609040136.45c8986
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1675 -0
- package/dist/index.d.cts +723 -0
- package/dist/index.d.ts +723 -0
- package/dist/index.js +1383 -0
- package/package.json +67 -0
- package/src/components.css +36 -0
- package/src/theme.css +189 -0
- package/src/themes/amber-minimal.css +83 -0
- package/src/themes/amethyst-haze.css +83 -0
- package/src/themes/anthropic.css +60 -0
- package/src/themes/anyscale.css +73 -0
- package/src/themes/bold-tech.css +82 -0
- package/src/themes/bubblegum.css +85 -0
- package/src/themes/caffeine.css +73 -0
- package/src/themes/candyland.css +75 -0
- package/src/themes/catppuccin.css +81 -0
- package/src/themes/claude.css +81 -0
- package/src/themes/claymorphism.css +83 -0
- package/src/themes/clean-slate.css +82 -0
- package/src/themes/cosmic-night.css +82 -0
- package/src/themes/cyberpunk.css +81 -0
- package/src/themes/darkmatter.css +84 -0
- package/src/themes/default.css +62 -0
- package/src/themes/doom-64.css +95 -0
- package/src/themes/elegant-luxury.css +82 -0
- package/src/themes/graphite.css +59 -0
- package/src/themes/green.css +57 -0
- package/src/themes/kodama-grove.css +81 -0
- package/src/themes/lambda.css +63 -0
- package/src/themes/mdbook.css +108 -0
- package/src/themes/midnight-bloom.css +82 -0
- package/src/themes/mocha-mousse.css +82 -0
- package/src/themes/modern-minimal.css +76 -0
- package/src/themes/mono.css +81 -0
- package/src/themes/nature.css +76 -0
- package/src/themes/neo-brutalism.css +81 -0
- package/src/themes/northern-lights.css +76 -0
- package/src/themes/notebook.css +95 -0
- package/src/themes/ocean-breeze.css +82 -0
- package/src/themes/openai.css +59 -0
- package/src/themes/pastel-dreams.css +82 -0
- package/src/themes/perpetuity.css +91 -0
- package/src/themes/quantum-rose.css +85 -0
- package/src/themes/retro-arcade.css +81 -0
- package/src/themes/rose.css +57 -0
- package/src/themes/sage-garden.css +84 -0
- package/src/themes/slate.css +57 -0
- package/src/themes/soft-pop.css +95 -0
- package/src/themes/solar-dusk.css +83 -0
- package/src/themes/starry-night.css +74 -0
- package/src/themes/sunset-horizon.css +82 -0
- package/src/themes/supabase.css +83 -0
- package/src/themes/t3-chat.css +72 -0
- package/src/themes/tangerine.css +81 -0
- package/src/themes/twitter.css +82 -0
- package/src/themes/vercel.css +85 -0
- package/src/themes/vintage-paper.css +82 -0
- package/src/themes/violet-bloom.css +95 -0
- package/src/themes/vitepress.css +60 -0
- package/src/themes/vortex-ui.css +88 -0
- package/src/themes.css +4184 -0
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/* sage-garden — tweakcn "Sage Garden" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-sage-garden {
|
|
4
|
+
--background: #f8f7f4;
|
|
5
|
+
--foreground: #1a1f2e;
|
|
6
|
+
--card: #ffffff;
|
|
7
|
+
--card-foreground: #1a1f2e;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #1a1f2e;
|
|
10
|
+
--primary: #7c9082;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #ced4bf;
|
|
13
|
+
--secondary-foreground: #1a1f2e;
|
|
14
|
+
--muted: #e8e6e1;
|
|
15
|
+
--muted-foreground: #6b7280;
|
|
16
|
+
--accent: #bfc9bb;
|
|
17
|
+
--accent-foreground: #1a1f2e;
|
|
18
|
+
--destructive: #c73e3a;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #e8e6e1;
|
|
21
|
+
--input: #ffffff;
|
|
22
|
+
--ring: #7c9082;
|
|
23
|
+
--chart-1: #7c9082;
|
|
24
|
+
--chart-2: #a0aa88;
|
|
25
|
+
--chart-3: #8b9d83;
|
|
26
|
+
--chart-4: #6b7280;
|
|
27
|
+
--chart-5: #e8e6e1;
|
|
28
|
+
--sidebar: #fafaf8;
|
|
29
|
+
--sidebar-foreground: #1a1f2e;
|
|
30
|
+
--sidebar-primary: #7c9082;
|
|
31
|
+
--sidebar-primary-foreground: #ffffff;
|
|
32
|
+
--sidebar-accent: #e8e6e1;
|
|
33
|
+
--sidebar-accent-foreground: #1a1f2e;
|
|
34
|
+
--sidebar-border: #e8e6e1;
|
|
35
|
+
--sidebar-ring: #7c9082;
|
|
36
|
+
--font-sans: Antic, ui-sans-serif, sans-serif, system-ui;
|
|
37
|
+
--font-serif: Signifier, Georgia, serif;
|
|
38
|
+
--font-mono: JetBrains Mono, Courier New, monospace;
|
|
39
|
+
--radius: 0.35rem;
|
|
40
|
+
--shadow-color: #1a1f2e;
|
|
41
|
+
--shadow-opacity: 0.04;
|
|
42
|
+
--shadow-blur: 2px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 1px;
|
|
46
|
+
--letter-spacing: 0em;
|
|
47
|
+
--spacing: 0.23rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme-sage-garden.dark {
|
|
51
|
+
--background: #0a0a0a;
|
|
52
|
+
--foreground: #f5f5f5;
|
|
53
|
+
--card: #121212;
|
|
54
|
+
--card-foreground: #f5f5f5;
|
|
55
|
+
--popover: #121212;
|
|
56
|
+
--popover-foreground: #f5f5f5;
|
|
57
|
+
--primary: #7c9082;
|
|
58
|
+
--primary-foreground: #000000;
|
|
59
|
+
--secondary: #1a1a1a;
|
|
60
|
+
--secondary-foreground: #f5f5f5;
|
|
61
|
+
--muted: #1a1a1a;
|
|
62
|
+
--muted-foreground: #a0a0a0;
|
|
63
|
+
--accent: #36443a;
|
|
64
|
+
--accent-foreground: #f5f5f5;
|
|
65
|
+
--destructive: #ef4444;
|
|
66
|
+
--destructive-foreground: #ffffff;
|
|
67
|
+
--border: #2a2a2a;
|
|
68
|
+
--input: #121212;
|
|
69
|
+
--ring: #7c9082;
|
|
70
|
+
--chart-1: #7c9082;
|
|
71
|
+
--chart-2: #a0aa88;
|
|
72
|
+
--chart-3: #8b9d83;
|
|
73
|
+
--chart-4: #6b7280;
|
|
74
|
+
--chart-5: #5a6b5e;
|
|
75
|
+
--sidebar: #0f0f0f;
|
|
76
|
+
--sidebar-foreground: #f5f5f5;
|
|
77
|
+
--sidebar-primary: #7c9082;
|
|
78
|
+
--sidebar-primary-foreground: #ffffff;
|
|
79
|
+
--sidebar-accent: #1a1a1a;
|
|
80
|
+
--sidebar-accent-foreground: #f5f5f5;
|
|
81
|
+
--sidebar-border: #2a2a2a;
|
|
82
|
+
--sidebar-ring: #7c9082;
|
|
83
|
+
--shadow-color: #000000;
|
|
84
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/* slate — shadcn "slate" base color (neutral scaffold tinted with the Tailwind v4
|
|
2
|
+
slate scale). Cool blue-gray. Exact Tailwind/shadcn OKLCH values. */
|
|
3
|
+
.theme-slate {
|
|
4
|
+
--background: oklch(1 0 0);
|
|
5
|
+
--foreground: oklch(0.208 0.04 265.75); /* slate-900 */
|
|
6
|
+
--card: oklch(1 0 0);
|
|
7
|
+
--card-foreground: oklch(0.208 0.04 265.75);
|
|
8
|
+
--popover: oklch(1 0 0);
|
|
9
|
+
--popover-foreground: oklch(0.208 0.04 265.75);
|
|
10
|
+
--primary: oklch(0.208 0.04 265.75); /* slate-900 */
|
|
11
|
+
--primary-foreground: oklch(0.984 0.003 247.86); /* slate-50 */
|
|
12
|
+
--secondary: oklch(0.968 0.007 247.9); /* slate-100 */
|
|
13
|
+
--secondary-foreground: oklch(0.208 0.04 265.75);
|
|
14
|
+
--muted: oklch(0.968 0.007 247.9);
|
|
15
|
+
--muted-foreground: oklch(0.554 0.041 257.42); /* slate-500 */
|
|
16
|
+
--accent: oklch(0.968 0.007 247.9);
|
|
17
|
+
--accent-foreground: oklch(0.208 0.04 265.75);
|
|
18
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
19
|
+
--destructive-foreground: oklch(0.984 0.003 247.86);
|
|
20
|
+
--border: oklch(0.929 0.013 255.51); /* slate-200 */
|
|
21
|
+
--input: oklch(0.929 0.013 255.51);
|
|
22
|
+
--ring: oklch(0.208 0.04 265.75);
|
|
23
|
+
--sidebar: oklch(0.984 0.003 247.86); /* slate-50 */
|
|
24
|
+
--sidebar-foreground: oklch(0.208 0.04 265.75);
|
|
25
|
+
--sidebar-accent: oklch(0.968 0.007 247.9);
|
|
26
|
+
--sidebar-accent-foreground: oklch(0.208 0.04 265.75);
|
|
27
|
+
--radius: 0.625rem;
|
|
28
|
+
--font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
|
|
29
|
+
--font-serif: ui-serif, Georgia, Cambria, serif;
|
|
30
|
+
--font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.theme-slate.dark {
|
|
34
|
+
--background: oklch(0.208 0.04 265.75); /* slate-900 */
|
|
35
|
+
--foreground: oklch(0.984 0.003 247.86); /* slate-50 */
|
|
36
|
+
--card: oklch(0.208 0.04 265.75);
|
|
37
|
+
--card-foreground: oklch(0.984 0.003 247.86);
|
|
38
|
+
--popover: oklch(0.208 0.04 265.75);
|
|
39
|
+
--popover-foreground: oklch(0.984 0.003 247.86);
|
|
40
|
+
--primary: oklch(0.984 0.003 247.86); /* slate-50 */
|
|
41
|
+
--primary-foreground: oklch(0.208 0.04 265.75);
|
|
42
|
+
--secondary: oklch(0.279 0.037 260.03); /* slate-800 */
|
|
43
|
+
--secondary-foreground: oklch(0.984 0.003 247.86);
|
|
44
|
+
--muted: oklch(0.279 0.037 260.03);
|
|
45
|
+
--muted-foreground: oklch(0.711 0.035 256.79); /* slate-400 */
|
|
46
|
+
--accent: oklch(0.279 0.037 260.03);
|
|
47
|
+
--accent-foreground: oklch(0.984 0.003 247.86);
|
|
48
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
49
|
+
--destructive-foreground: oklch(0.984 0.003 247.86);
|
|
50
|
+
--border: oklch(1 0 0 / 10%);
|
|
51
|
+
--input: oklch(1 0 0 / 15%);
|
|
52
|
+
--ring: oklch(0.554 0.041 257.42); /* slate-500 */
|
|
53
|
+
--sidebar: oklch(0.279 0.037 260.03); /* slate-800 */
|
|
54
|
+
--sidebar-foreground: oklch(0.984 0.003 247.86);
|
|
55
|
+
--sidebar-accent: oklch(0.372 0.039 257.29); /* slate-700 */
|
|
56
|
+
--sidebar-accent-foreground: oklch(0.984 0.003 247.86);
|
|
57
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/* soft-pop — tweakcn "Soft Pop" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-soft-pop {
|
|
4
|
+
--background: #f7f9f3;
|
|
5
|
+
--foreground: #000000;
|
|
6
|
+
--card: #ffffff;
|
|
7
|
+
--card-foreground: #000000;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #000000;
|
|
10
|
+
--primary: #4f46e5;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #14b8a6;
|
|
13
|
+
--secondary-foreground: #ffffff;
|
|
14
|
+
--muted: #f0f0f0;
|
|
15
|
+
--muted-foreground: #333333;
|
|
16
|
+
--accent: #f59e0b;
|
|
17
|
+
--accent-foreground: #000000;
|
|
18
|
+
--destructive: #ef4444;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #000000;
|
|
21
|
+
--input: #737373;
|
|
22
|
+
--ring: #a5b4fc;
|
|
23
|
+
--chart-1: #4f46e5;
|
|
24
|
+
--chart-2: #14b8a6;
|
|
25
|
+
--chart-3: #f59e0b;
|
|
26
|
+
--chart-4: #ec4899;
|
|
27
|
+
--chart-5: #22c55e;
|
|
28
|
+
--sidebar: #f7f9f3;
|
|
29
|
+
--sidebar-foreground: #000000;
|
|
30
|
+
--sidebar-primary: #4f46e5;
|
|
31
|
+
--sidebar-primary-foreground: #ffffff;
|
|
32
|
+
--sidebar-accent: #f59e0b;
|
|
33
|
+
--sidebar-accent-foreground: #000000;
|
|
34
|
+
--sidebar-border: #000000;
|
|
35
|
+
--sidebar-ring: #a5b4fc;
|
|
36
|
+
--font-sans: DM Sans, sans-serif;
|
|
37
|
+
--font-serif: DM Sans, sans-serif;
|
|
38
|
+
--font-mono: Space Mono, monospace;
|
|
39
|
+
--radius: 1rem;
|
|
40
|
+
--shadow-color: #1a1a1a;
|
|
41
|
+
--shadow-opacity: 0.05;
|
|
42
|
+
--shadow-blur: 0px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 0px;
|
|
46
|
+
--letter-spacing: normal;
|
|
47
|
+
--spacing: 0.25rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme-soft-pop.dark {
|
|
51
|
+
--background: #000000;
|
|
52
|
+
--foreground: #ffffff;
|
|
53
|
+
--card: #1a212b;
|
|
54
|
+
--card-foreground: #ffffff;
|
|
55
|
+
--popover: #1a212b;
|
|
56
|
+
--popover-foreground: #ffffff;
|
|
57
|
+
--primary: #818cf8;
|
|
58
|
+
--primary-foreground: #000000;
|
|
59
|
+
--secondary: #2dd4bf;
|
|
60
|
+
--secondary-foreground: #000000;
|
|
61
|
+
--muted: #333333;
|
|
62
|
+
--muted-foreground: #cccccc;
|
|
63
|
+
--accent: #fcd34d;
|
|
64
|
+
--accent-foreground: #000000;
|
|
65
|
+
--destructive: #f87171;
|
|
66
|
+
--destructive-foreground: #000000;
|
|
67
|
+
--border: #545454;
|
|
68
|
+
--input: #ffffff;
|
|
69
|
+
--ring: #818cf8;
|
|
70
|
+
--chart-1: #818cf8;
|
|
71
|
+
--chart-2: #2dd4bf;
|
|
72
|
+
--chart-3: #fcd34d;
|
|
73
|
+
--chart-4: #f472b6;
|
|
74
|
+
--chart-5: #4ade80;
|
|
75
|
+
--sidebar: #000000;
|
|
76
|
+
--sidebar-foreground: #ffffff;
|
|
77
|
+
--sidebar-primary: #818cf8;
|
|
78
|
+
--sidebar-primary-foreground: #000000;
|
|
79
|
+
--sidebar-accent: #fcd34d;
|
|
80
|
+
--sidebar-accent-foreground: #000000;
|
|
81
|
+
--sidebar-border: #ffffff;
|
|
82
|
+
--sidebar-ring: #818cf8;
|
|
83
|
+
--font-sans: DM Sans, sans-serif;
|
|
84
|
+
--font-serif: DM Sans, sans-serif;
|
|
85
|
+
--font-mono: Space Mono, monospace;
|
|
86
|
+
--radius: 1rem;
|
|
87
|
+
--shadow-color: #1a1a1a;
|
|
88
|
+
--shadow-opacity: 0.05;
|
|
89
|
+
--shadow-blur: 0px;
|
|
90
|
+
--shadow-spread: 0px;
|
|
91
|
+
--shadow-offset-x: 0px;
|
|
92
|
+
--shadow-offset-y: 0px;
|
|
93
|
+
--letter-spacing: normal;
|
|
94
|
+
--spacing: 0.25rem;
|
|
95
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/* solar-dusk — tweakcn "Solar Dusk" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-solar-dusk {
|
|
4
|
+
--background: #fdfbf7;
|
|
5
|
+
--foreground: #4a3b33;
|
|
6
|
+
--card: #f8f4ee;
|
|
7
|
+
--card-foreground: #4a3b33;
|
|
8
|
+
--popover: #f8f4ee;
|
|
9
|
+
--popover-foreground: #4a3b33;
|
|
10
|
+
--primary: #b45309;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #e4c090;
|
|
13
|
+
--secondary-foreground: #57534e;
|
|
14
|
+
--muted: #f1e9da;
|
|
15
|
+
--muted-foreground: #78716c;
|
|
16
|
+
--accent: #f2daba;
|
|
17
|
+
--accent-foreground: #57534e;
|
|
18
|
+
--destructive: #991b1b;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #e4d9bc;
|
|
21
|
+
--input: #e4d9bc;
|
|
22
|
+
--ring: #b45309;
|
|
23
|
+
--chart-1: #b45309;
|
|
24
|
+
--chart-2: #78716c;
|
|
25
|
+
--chart-3: #a16207;
|
|
26
|
+
--chart-4: #78716c;
|
|
27
|
+
--chart-5: #ca8a04;
|
|
28
|
+
--radius: 0.3rem;
|
|
29
|
+
--sidebar: #f1e9da;
|
|
30
|
+
--sidebar-foreground: #4a3b33;
|
|
31
|
+
--sidebar-primary: #b45309;
|
|
32
|
+
--sidebar-primary-foreground: #ffffff;
|
|
33
|
+
--sidebar-accent: #a16207;
|
|
34
|
+
--sidebar-accent-foreground: #ffffff;
|
|
35
|
+
--sidebar-border: #e4d9bc;
|
|
36
|
+
--sidebar-ring: #b45309;
|
|
37
|
+
--font-sans: Oxanium, sans-serif;
|
|
38
|
+
--font-serif: Merriweather, serif;
|
|
39
|
+
--font-mono: Fira Code, monospace;
|
|
40
|
+
--shadow-color: hsl(28 18% 25%);
|
|
41
|
+
--shadow-opacity: 0.18;
|
|
42
|
+
--shadow-blur: 3px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 2px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.theme-solar-dusk.dark {
|
|
49
|
+
--background: #1c1917;
|
|
50
|
+
--foreground: #f5f5f4;
|
|
51
|
+
--card: #292524;
|
|
52
|
+
--card-foreground: #f5f5f4;
|
|
53
|
+
--popover: #292524;
|
|
54
|
+
--popover-foreground: #f5f5f4;
|
|
55
|
+
--primary: #f97316;
|
|
56
|
+
--primary-foreground: #ffffff;
|
|
57
|
+
--secondary: #57534e;
|
|
58
|
+
--secondary-foreground: #e7e5e4;
|
|
59
|
+
--muted: #201d1a;
|
|
60
|
+
--muted-foreground: #a8a29e;
|
|
61
|
+
--accent: #1e4252;
|
|
62
|
+
--accent-foreground: #e7e5e4;
|
|
63
|
+
--destructive: #dc2626;
|
|
64
|
+
--destructive-foreground: #ffffff;
|
|
65
|
+
--border: #44403c;
|
|
66
|
+
--input: #44403c;
|
|
67
|
+
--ring: #f97316;
|
|
68
|
+
--chart-1: #f97316;
|
|
69
|
+
--chart-2: #0ea5e9;
|
|
70
|
+
--chart-3: #eab308;
|
|
71
|
+
--chart-4: #a8a29e;
|
|
72
|
+
--chart-5: #78716c;
|
|
73
|
+
--radius: 0.3rem;
|
|
74
|
+
--sidebar: #292524;
|
|
75
|
+
--sidebar-foreground: #f5f5f4;
|
|
76
|
+
--sidebar-primary: #f97316;
|
|
77
|
+
--sidebar-primary-foreground: #ffffff;
|
|
78
|
+
--sidebar-accent: #0ea5e9;
|
|
79
|
+
--sidebar-accent-foreground: #0c2a4d;
|
|
80
|
+
--sidebar-border: #44403c;
|
|
81
|
+
--sidebar-ring: #f97316;
|
|
82
|
+
--shadow-color: hsl(0 0% 5%);
|
|
83
|
+
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/* starry-night — tweakcn "Starry Night" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-starry-night {
|
|
4
|
+
--background: #f5f7fa;
|
|
5
|
+
--foreground: #1a2238;
|
|
6
|
+
--card: #e3eaf2;
|
|
7
|
+
--card-foreground: #1a2238;
|
|
8
|
+
--popover: #fffbe6;
|
|
9
|
+
--popover-foreground: #1a2238;
|
|
10
|
+
--primary: #3a5ba0;
|
|
11
|
+
--primary-foreground: #fffbe6;
|
|
12
|
+
--secondary: #f7c873;
|
|
13
|
+
--secondary-foreground: #1a2238;
|
|
14
|
+
--muted: #e5e5df;
|
|
15
|
+
--muted-foreground: #3a5ba0;
|
|
16
|
+
--accent: #6ea3c1;
|
|
17
|
+
--accent-foreground: #fffbe6;
|
|
18
|
+
--destructive: #2d1e2f;
|
|
19
|
+
--destructive-foreground: #fffbe6;
|
|
20
|
+
--border: #b0b8c1;
|
|
21
|
+
--input: #6ea3c1;
|
|
22
|
+
--ring: #f7c873;
|
|
23
|
+
--chart-1: #3a5ba0;
|
|
24
|
+
--chart-2: #f7c873;
|
|
25
|
+
--chart-3: #6ea3c1;
|
|
26
|
+
--chart-4: #b0b8c1;
|
|
27
|
+
--chart-5: #2d1e2f;
|
|
28
|
+
--sidebar: #e3eaf2;
|
|
29
|
+
--sidebar-foreground: #1a2238;
|
|
30
|
+
--sidebar-primary: #3a5ba0;
|
|
31
|
+
--sidebar-primary-foreground: #fffbe6;
|
|
32
|
+
--sidebar-accent: #f7c873;
|
|
33
|
+
--sidebar-accent-foreground: #1a2238;
|
|
34
|
+
--sidebar-border: #b0b8c1;
|
|
35
|
+
--sidebar-ring: #f7c873;
|
|
36
|
+
--font-sans: Libre Baskerville, serif;
|
|
37
|
+
--radius: 0.5rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.theme-starry-night.dark {
|
|
41
|
+
--background: #181a24;
|
|
42
|
+
--foreground: #e6eaf3;
|
|
43
|
+
--card: #23243a;
|
|
44
|
+
--card-foreground: #e6eaf3;
|
|
45
|
+
--popover: #23243a;
|
|
46
|
+
--popover-foreground: #ffe066;
|
|
47
|
+
--primary: #3a5ba0;
|
|
48
|
+
--primary-foreground: #ffe066;
|
|
49
|
+
--secondary: #ffe066;
|
|
50
|
+
--secondary-foreground: #23243a;
|
|
51
|
+
--muted: #1d1e2f;
|
|
52
|
+
--muted-foreground: #7a88a1;
|
|
53
|
+
--accent: #bccdf0;
|
|
54
|
+
--accent-foreground: #181a24;
|
|
55
|
+
--destructive: #a04a6c;
|
|
56
|
+
--destructive-foreground: #ffe066;
|
|
57
|
+
--border: #2d2e3e;
|
|
58
|
+
--input: #3a5ba0;
|
|
59
|
+
--ring: #ffe066;
|
|
60
|
+
--chart-1: #3a5ba0;
|
|
61
|
+
--chart-2: #ffe066;
|
|
62
|
+
--chart-3: #6ea3c1;
|
|
63
|
+
--chart-4: #7a88a1;
|
|
64
|
+
--chart-5: #a04a6c;
|
|
65
|
+
--sidebar: #23243a;
|
|
66
|
+
--sidebar-foreground: #e6eaf3;
|
|
67
|
+
--sidebar-primary: #3a5ba0;
|
|
68
|
+
--sidebar-primary-foreground: #ffe066;
|
|
69
|
+
--sidebar-accent: #ffe066;
|
|
70
|
+
--sidebar-accent-foreground: #23243a;
|
|
71
|
+
--sidebar-border: #2d2e3e;
|
|
72
|
+
--sidebar-ring: #ffe066;
|
|
73
|
+
--radius: 0.5rem;
|
|
74
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* sunset-horizon — tweakcn "Sunset Horizon" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-sunset-horizon {
|
|
4
|
+
--background: #fff9f5;
|
|
5
|
+
--foreground: #3d3436;
|
|
6
|
+
--card: #ffffff;
|
|
7
|
+
--card-foreground: #3d3436;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #3d3436;
|
|
10
|
+
--primary: #ff7e5f;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #ffedea;
|
|
13
|
+
--secondary-foreground: #b35340;
|
|
14
|
+
--muted: #fff0eb;
|
|
15
|
+
--muted-foreground: #78716c;
|
|
16
|
+
--accent: #feb47b;
|
|
17
|
+
--accent-foreground: #3d3436;
|
|
18
|
+
--destructive: #e63946;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #ffe0d6;
|
|
21
|
+
--input: #ffe0d6;
|
|
22
|
+
--ring: #ff7e5f;
|
|
23
|
+
--chart-1: #ff7e5f;
|
|
24
|
+
--chart-2: #feb47b;
|
|
25
|
+
--chart-3: #ffcaa7;
|
|
26
|
+
--chart-4: #ffad8f;
|
|
27
|
+
--chart-5: #ce6a57;
|
|
28
|
+
--radius: 0.625rem;
|
|
29
|
+
--sidebar: #fff0eb;
|
|
30
|
+
--sidebar-foreground: #3d3436;
|
|
31
|
+
--sidebar-primary: #ff7e5f;
|
|
32
|
+
--sidebar-primary-foreground: #ffffff;
|
|
33
|
+
--sidebar-accent: #feb47b;
|
|
34
|
+
--sidebar-accent-foreground: #3d3436;
|
|
35
|
+
--sidebar-border: #ffe0d6;
|
|
36
|
+
--sidebar-ring: #ff7e5f;
|
|
37
|
+
--font-sans: Montserrat, sans-serif;
|
|
38
|
+
--font-serif: Merriweather, serif;
|
|
39
|
+
--font-mono: Ubuntu Mono, monospace;
|
|
40
|
+
--shadow-color: hsl(0 0% 0%);
|
|
41
|
+
--shadow-opacity: 0.09;
|
|
42
|
+
--shadow-blur: 12px;
|
|
43
|
+
--shadow-spread: -3px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 6px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.theme-sunset-horizon.dark {
|
|
49
|
+
--background: #2a2024;
|
|
50
|
+
--foreground: #f2e9e4;
|
|
51
|
+
--card: #392f35;
|
|
52
|
+
--card-foreground: #f2e9e4;
|
|
53
|
+
--popover: #392f35;
|
|
54
|
+
--popover-foreground: #f2e9e4;
|
|
55
|
+
--primary: #ff7e5f;
|
|
56
|
+
--primary-foreground: #ffffff;
|
|
57
|
+
--secondary: #463a41;
|
|
58
|
+
--secondary-foreground: #f2e9e4;
|
|
59
|
+
--muted: #30272c;
|
|
60
|
+
--muted-foreground: #d7c6bc;
|
|
61
|
+
--accent: #feb47b;
|
|
62
|
+
--accent-foreground: #2a2024;
|
|
63
|
+
--destructive: #e63946;
|
|
64
|
+
--destructive-foreground: #ffffff;
|
|
65
|
+
--border: #463a41;
|
|
66
|
+
--input: #463a41;
|
|
67
|
+
--ring: #ff7e5f;
|
|
68
|
+
--chart-1: #ff7e5f;
|
|
69
|
+
--chart-2: #feb47b;
|
|
70
|
+
--chart-3: #ffcaa7;
|
|
71
|
+
--chart-4: #ffad8f;
|
|
72
|
+
--chart-5: #ce6a57;
|
|
73
|
+
--radius: 0.625rem;
|
|
74
|
+
--sidebar: #2a2024;
|
|
75
|
+
--sidebar-foreground: #f2e9e4;
|
|
76
|
+
--sidebar-primary: #ff7e5f;
|
|
77
|
+
--sidebar-primary-foreground: #ffffff;
|
|
78
|
+
--sidebar-accent: #feb47b;
|
|
79
|
+
--sidebar-accent-foreground: #2a2024;
|
|
80
|
+
--sidebar-border: #463a41;
|
|
81
|
+
--sidebar-ring: #ff7e5f;
|
|
82
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/* supabase — tweakcn "supabase" preset (updated): emerald/green developer
|
|
2
|
+
aesthetic. Tokens kept in source hex (consumed via var(); no conversion).
|
|
3
|
+
Outfit sans falls back to the loaded Inter stack when not installed. */
|
|
4
|
+
.theme-supabase {
|
|
5
|
+
--card: #fcfcfc;
|
|
6
|
+
--ring: #72e3ad;
|
|
7
|
+
--input: #f6f6f6;
|
|
8
|
+
--muted: #ededed;
|
|
9
|
+
--accent: #ededed;
|
|
10
|
+
--border: #dfdfdf;
|
|
11
|
+
--radius: 0.5rem;
|
|
12
|
+
--chart-1: #72e3ad;
|
|
13
|
+
--chart-2: #3b82f6;
|
|
14
|
+
--chart-3: #8b5cf6;
|
|
15
|
+
--chart-4: #f59e0b;
|
|
16
|
+
--chart-5: #10b981;
|
|
17
|
+
--popover: #fcfcfc;
|
|
18
|
+
--primary: #72e3ad;
|
|
19
|
+
--sidebar: #fcfcfc;
|
|
20
|
+
--font-mono: monospace;
|
|
21
|
+
--font-sans: Outfit, sans-serif;
|
|
22
|
+
--secondary: #fdfdfd;
|
|
23
|
+
--background: #fcfcfc;
|
|
24
|
+
--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
25
|
+
--foreground: #171717;
|
|
26
|
+
--destructive: #ca3214;
|
|
27
|
+
--shadow-blur: 3px;
|
|
28
|
+
--shadow-color: #000000;
|
|
29
|
+
--sidebar-ring: #72e3ad;
|
|
30
|
+
--shadow-spread: 0px;
|
|
31
|
+
--letter-spacing: 0.025em;
|
|
32
|
+
--shadow-opacity: 0.17;
|
|
33
|
+
--sidebar-accent: #ededed;
|
|
34
|
+
--sidebar-border: #dfdfdf;
|
|
35
|
+
--card-foreground: #171717;
|
|
36
|
+
--shadow-offset-x: 0px;
|
|
37
|
+
--shadow-offset-y: 1px;
|
|
38
|
+
--sidebar-primary: #72e3ad;
|
|
39
|
+
--muted-foreground: #202020;
|
|
40
|
+
--accent-foreground: #202020;
|
|
41
|
+
--popover-foreground: #525252;
|
|
42
|
+
--primary-foreground: #1e2723;
|
|
43
|
+
--sidebar-foreground: #707070;
|
|
44
|
+
--secondary-foreground: #171717;
|
|
45
|
+
--destructive-foreground: #fffcfc;
|
|
46
|
+
--sidebar-accent-foreground: #202020;
|
|
47
|
+
--sidebar-primary-foreground: #1e2723;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme-supabase.dark {
|
|
51
|
+
--card: #171717;
|
|
52
|
+
--ring: #4ade80;
|
|
53
|
+
--input: #242424;
|
|
54
|
+
--muted: #1f1f1f;
|
|
55
|
+
--accent: #313131;
|
|
56
|
+
--border: #292929;
|
|
57
|
+
--chart-1: #4ade80;
|
|
58
|
+
--chart-2: #60a5fa;
|
|
59
|
+
--chart-3: #a78bfa;
|
|
60
|
+
--chart-4: #fbbf24;
|
|
61
|
+
--chart-5: #2dd4bf;
|
|
62
|
+
--popover: #242424;
|
|
63
|
+
--primary: #006239;
|
|
64
|
+
--sidebar: #121212;
|
|
65
|
+
--secondary: #242424;
|
|
66
|
+
--background: #121212;
|
|
67
|
+
--foreground: #e2e8f0;
|
|
68
|
+
--destructive: #541c15;
|
|
69
|
+
--sidebar-ring: #4ade80;
|
|
70
|
+
--sidebar-accent: #313131;
|
|
71
|
+
--sidebar-border: #292929;
|
|
72
|
+
--card-foreground: #e2e8f0;
|
|
73
|
+
--sidebar-primary: #006239;
|
|
74
|
+
--muted-foreground: #a2a2a2;
|
|
75
|
+
--accent-foreground: #fafafa;
|
|
76
|
+
--popover-foreground: #a9a9a9;
|
|
77
|
+
--primary-foreground: #dde8e3;
|
|
78
|
+
--sidebar-foreground: #898989;
|
|
79
|
+
--secondary-foreground: #fafafa;
|
|
80
|
+
--destructive-foreground: #ede9e8;
|
|
81
|
+
--sidebar-accent-foreground: #fafafa;
|
|
82
|
+
--sidebar-primary-foreground: #dde8e3;
|
|
83
|
+
}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/* t3-chat — tweakcn "T3 Chat" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-t3-chat {
|
|
4
|
+
--background: #faf5fa;
|
|
5
|
+
--foreground: #501854;
|
|
6
|
+
--card: #faf5fa;
|
|
7
|
+
--card-foreground: #501854;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #501854;
|
|
10
|
+
--primary: #a84370;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #f1c4e6;
|
|
13
|
+
--secondary-foreground: #77347c;
|
|
14
|
+
--muted: #f6e5f3;
|
|
15
|
+
--muted-foreground: #834588;
|
|
16
|
+
--accent: #f1c4e6;
|
|
17
|
+
--accent-foreground: #77347c;
|
|
18
|
+
--destructive: #ab4347;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #efbdeb;
|
|
21
|
+
--input: #e7c1dc;
|
|
22
|
+
--ring: #db2777;
|
|
23
|
+
--chart-1: #d926a2;
|
|
24
|
+
--chart-2: #6c12b9;
|
|
25
|
+
--chart-3: #274754;
|
|
26
|
+
--chart-4: #e8c468;
|
|
27
|
+
--chart-5: #f4a462;
|
|
28
|
+
--sidebar: #f3e4f6;
|
|
29
|
+
--sidebar-foreground: #ac1668;
|
|
30
|
+
--sidebar-primary: #454554;
|
|
31
|
+
--sidebar-primary-foreground: #faf1f7;
|
|
32
|
+
--sidebar-accent: #f8f8f7;
|
|
33
|
+
--sidebar-accent-foreground: #454554;
|
|
34
|
+
--sidebar-border: #eceae9;
|
|
35
|
+
--sidebar-ring: #db2777;
|
|
36
|
+
--radius: 0.5rem;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.theme-t3-chat.dark {
|
|
40
|
+
--background: #221d27;
|
|
41
|
+
--foreground: #d2c4de;
|
|
42
|
+
--card: #2c2632;
|
|
43
|
+
--card-foreground: #dbc5d2;
|
|
44
|
+
--popover: #100a0e;
|
|
45
|
+
--popover-foreground: #f8f1f5;
|
|
46
|
+
--primary: #a3004c;
|
|
47
|
+
--primary-foreground: #efc0d8;
|
|
48
|
+
--secondary: #362d3d;
|
|
49
|
+
--secondary-foreground: #d4c7e1;
|
|
50
|
+
--muted: #28222d;
|
|
51
|
+
--muted-foreground: #c2b6cf;
|
|
52
|
+
--accent: #463753;
|
|
53
|
+
--accent-foreground: #f8f1f5;
|
|
54
|
+
--destructive: #301015;
|
|
55
|
+
--destructive-foreground: #ffffff;
|
|
56
|
+
--border: #3b3237;
|
|
57
|
+
--input: #3e343c;
|
|
58
|
+
--ring: #db2777;
|
|
59
|
+
--chart-1: #a84370;
|
|
60
|
+
--chart-2: #934dcb;
|
|
61
|
+
--chart-3: #e88c30;
|
|
62
|
+
--chart-4: #af57db;
|
|
63
|
+
--chart-5: #e23670;
|
|
64
|
+
--sidebar: #181117;
|
|
65
|
+
--sidebar-foreground: #e0cad6;
|
|
66
|
+
--sidebar-primary: #1d4ed8;
|
|
67
|
+
--sidebar-primary-foreground: #ffffff;
|
|
68
|
+
--sidebar-accent: #261922;
|
|
69
|
+
--sidebar-accent-foreground: #f4f4f5;
|
|
70
|
+
--sidebar-border: #000000;
|
|
71
|
+
--sidebar-ring: #db2777;
|
|
72
|
+
}
|