@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.
Files changed (61) hide show
  1. package/dist/index.cjs +1675 -0
  2. package/dist/index.d.cts +723 -0
  3. package/dist/index.d.ts +723 -0
  4. package/dist/index.js +1383 -0
  5. package/package.json +67 -0
  6. package/src/components.css +36 -0
  7. package/src/theme.css +189 -0
  8. package/src/themes/amber-minimal.css +83 -0
  9. package/src/themes/amethyst-haze.css +83 -0
  10. package/src/themes/anthropic.css +60 -0
  11. package/src/themes/anyscale.css +73 -0
  12. package/src/themes/bold-tech.css +82 -0
  13. package/src/themes/bubblegum.css +85 -0
  14. package/src/themes/caffeine.css +73 -0
  15. package/src/themes/candyland.css +75 -0
  16. package/src/themes/catppuccin.css +81 -0
  17. package/src/themes/claude.css +81 -0
  18. package/src/themes/claymorphism.css +83 -0
  19. package/src/themes/clean-slate.css +82 -0
  20. package/src/themes/cosmic-night.css +82 -0
  21. package/src/themes/cyberpunk.css +81 -0
  22. package/src/themes/darkmatter.css +84 -0
  23. package/src/themes/default.css +62 -0
  24. package/src/themes/doom-64.css +95 -0
  25. package/src/themes/elegant-luxury.css +82 -0
  26. package/src/themes/graphite.css +59 -0
  27. package/src/themes/green.css +57 -0
  28. package/src/themes/kodama-grove.css +81 -0
  29. package/src/themes/lambda.css +63 -0
  30. package/src/themes/mdbook.css +108 -0
  31. package/src/themes/midnight-bloom.css +82 -0
  32. package/src/themes/mocha-mousse.css +82 -0
  33. package/src/themes/modern-minimal.css +76 -0
  34. package/src/themes/mono.css +81 -0
  35. package/src/themes/nature.css +76 -0
  36. package/src/themes/neo-brutalism.css +81 -0
  37. package/src/themes/northern-lights.css +76 -0
  38. package/src/themes/notebook.css +95 -0
  39. package/src/themes/ocean-breeze.css +82 -0
  40. package/src/themes/openai.css +59 -0
  41. package/src/themes/pastel-dreams.css +82 -0
  42. package/src/themes/perpetuity.css +91 -0
  43. package/src/themes/quantum-rose.css +85 -0
  44. package/src/themes/retro-arcade.css +81 -0
  45. package/src/themes/rose.css +57 -0
  46. package/src/themes/sage-garden.css +84 -0
  47. package/src/themes/slate.css +57 -0
  48. package/src/themes/soft-pop.css +95 -0
  49. package/src/themes/solar-dusk.css +83 -0
  50. package/src/themes/starry-night.css +74 -0
  51. package/src/themes/sunset-horizon.css +82 -0
  52. package/src/themes/supabase.css +83 -0
  53. package/src/themes/t3-chat.css +72 -0
  54. package/src/themes/tangerine.css +81 -0
  55. package/src/themes/twitter.css +82 -0
  56. package/src/themes/vercel.css +85 -0
  57. package/src/themes/vintage-paper.css +82 -0
  58. package/src/themes/violet-bloom.css +95 -0
  59. package/src/themes/vitepress.css +60 -0
  60. package/src/themes/vortex-ui.css +88 -0
  61. 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
+ }