@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,85 @@
1
+ /* bubblegum — tweakcn "Bubblegum" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-bubblegum {
4
+ --background: #f6e6ee;
5
+ --foreground: #5b5b5b;
6
+ --card: #fdedc9;
7
+ --card-foreground: #5b5b5b;
8
+ --popover: #ffffff;
9
+ --popover-foreground: #5b5b5b;
10
+ --primary: #d04f99;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #8acfd1;
13
+ --secondary-foreground: #333333;
14
+ --muted: #b2e1eb;
15
+ --muted-foreground: #7a7a7a;
16
+ --accent: #fbe2a7;
17
+ --accent-foreground: #333333;
18
+ --destructive: #f96f70;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #d04f99;
21
+ --input: #e4e4e4;
22
+ --ring: #e670ab;
23
+ --chart-1: #e670ab;
24
+ --chart-2: #84d2e2;
25
+ --chart-3: #fbe2a7;
26
+ --chart-4: #f3a0ca;
27
+ --chart-5: #d7488e;
28
+ --sidebar: #f8d8ea;
29
+ --sidebar-foreground: #333333;
30
+ --sidebar-primary: #ec4899;
31
+ --sidebar-primary-foreground: #ffffff;
32
+ --sidebar-accent: #f9a8d4;
33
+ --sidebar-accent-foreground: #333333;
34
+ --sidebar-border: #f3e8ff;
35
+ --sidebar-ring: #ec4899;
36
+ --font-sans: Poppins, sans-serif;
37
+ --font-serif: Lora, serif;
38
+ --font-mono: Fira Code, monospace;
39
+ --radius: 0.4rem;
40
+ --shadow-color: hsl(325.78 58.18% 56.86% / 0.5);
41
+ --shadow-opacity: 1;
42
+ --shadow-blur: 0px;
43
+ --shadow-spread: 0px;
44
+ --shadow-offset-x: 3px;
45
+ --shadow-offset-y: 3px;
46
+ }
47
+
48
+ .theme-bubblegum.dark {
49
+ --background: #12242e;
50
+ --foreground: #f3e3ea;
51
+ --card: #1c2e38;
52
+ --card-foreground: #f3e3ea;
53
+ --popover: #1c2e38;
54
+ --popover-foreground: #f3e3ea;
55
+ --primary: #fbe2a7;
56
+ --primary-foreground: #12242e;
57
+ --secondary: #e4a2b1;
58
+ --secondary-foreground: #12242e;
59
+ --muted: #24272b;
60
+ --muted-foreground: #e4a2b1;
61
+ --accent: #c67b96;
62
+ --accent-foreground: #f3e3ea;
63
+ --destructive: #e35ea4;
64
+ --destructive-foreground: #12242e;
65
+ --border: #324859;
66
+ --input: #20333d;
67
+ --ring: #50afb6;
68
+ --chart-1: #50afb6;
69
+ --chart-2: #e4a2b1;
70
+ --chart-3: #c67b96;
71
+ --chart-4: #175c6c;
72
+ --chart-5: #24272b;
73
+ --sidebar: #101f28;
74
+ --sidebar-foreground: #f3f4f6;
75
+ --sidebar-primary: #ec4899;
76
+ --sidebar-primary-foreground: #ffffff;
77
+ --sidebar-accent: #f9a8d4;
78
+ --sidebar-accent-foreground: #1f2937;
79
+ --sidebar-border: #374151;
80
+ --sidebar-ring: #ec4899;
81
+ --font-sans: Poppins, sans-serif;
82
+ --font-serif: Lora, serif;
83
+ --font-mono: Fira Code, monospace;
84
+ --shadow-color: #324859;
85
+ }
@@ -0,0 +1,73 @@
1
+ /* caffeine — tweakcn "Caffeine" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-caffeine {
4
+ --background: #f9f9f9;
5
+ --foreground: #202020;
6
+ --card: #fcfcfc;
7
+ --card-foreground: #202020;
8
+ --popover: #fcfcfc;
9
+ --popover-foreground: #202020;
10
+ --primary: #644a40;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #ffdfb5;
13
+ --secondary-foreground: #582d1d;
14
+ --muted: #efefef;
15
+ --muted-foreground: #646464;
16
+ --accent: #e8e8e8;
17
+ --accent-foreground: #202020;
18
+ --destructive: #e54d2e;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #d8d8d8;
21
+ --input: #d8d8d8;
22
+ --ring: #644a40;
23
+ --chart-1: #644a40;
24
+ --chart-2: #ffdfb5;
25
+ --chart-3: #e8e8e8;
26
+ --chart-4: #ffe6c4;
27
+ --chart-5: #66493e;
28
+ --sidebar: #fbfbfb;
29
+ --sidebar-foreground: #252525;
30
+ --sidebar-primary: #343434;
31
+ --sidebar-primary-foreground: #fbfbfb;
32
+ --sidebar-accent: #f7f7f7;
33
+ --sidebar-accent-foreground: #343434;
34
+ --sidebar-border: #ebebeb;
35
+ --sidebar-ring: #b5b5b5;
36
+ --radius: 0.5rem;
37
+ }
38
+
39
+ .theme-caffeine.dark {
40
+ --background: #111111;
41
+ --foreground: #eeeeee;
42
+ --card: #191919;
43
+ --card-foreground: #eeeeee;
44
+ --popover: #191919;
45
+ --popover-foreground: #eeeeee;
46
+ --primary: #ffe0c2;
47
+ --primary-foreground: #081a1b;
48
+ --secondary: #393028;
49
+ --secondary-foreground: #ffe0c2;
50
+ --muted: #222222;
51
+ --muted-foreground: #b4b4b4;
52
+ --accent: #2a2a2a;
53
+ --accent-foreground: #eeeeee;
54
+ --destructive: #e54d2e;
55
+ --destructive-foreground: #ffffff;
56
+ --border: #201e18;
57
+ --input: #484848;
58
+ --ring: #ffe0c2;
59
+ --chart-1: #ffe0c2;
60
+ --chart-2: #393028;
61
+ --chart-3: #2a2a2a;
62
+ --chart-4: #42382e;
63
+ --chart-5: #ffe0c1;
64
+ --sidebar: #18181b;
65
+ --sidebar-foreground: #f4f4f5;
66
+ --sidebar-primary: #1d4ed8;
67
+ --sidebar-primary-foreground: #ffffff;
68
+ --sidebar-accent: #27272a;
69
+ --sidebar-accent-foreground: #f4f4f5;
70
+ --sidebar-border: #27272a;
71
+ --sidebar-ring: #d4d4d8;
72
+ --radius: 0.5rem;
73
+ }
@@ -0,0 +1,75 @@
1
+ /* candyland — tweakcn "Candyland" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-candyland {
4
+ --background: #f7f9fa;
5
+ --foreground: #333333;
6
+ --card: #ffffff;
7
+ --card-foreground: #333333;
8
+ --popover: #ffffff;
9
+ --popover-foreground: #333333;
10
+ --primary: #ffc0cb;
11
+ --primary-foreground: #000000;
12
+ --secondary: #87ceeb;
13
+ --secondary-foreground: #000000;
14
+ --muted: #ddd9c4;
15
+ --muted-foreground: #6e6e6e;
16
+ --accent: #ffff00;
17
+ --accent-foreground: #000000;
18
+ --destructive: #ef4444;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #d4d4d4;
21
+ --input: #d4d4d4;
22
+ --ring: #ffc0cb;
23
+ --chart-1: #ffc0cb;
24
+ --chart-2: #87ceeb;
25
+ --chart-3: #ffff00;
26
+ --chart-4: #ff99cc;
27
+ --chart-5: #33cc33;
28
+ --radius: 0.5rem;
29
+ --sidebar: #f7f9fa;
30
+ --sidebar-foreground: #333333;
31
+ --sidebar-primary: #ffc0cb;
32
+ --sidebar-primary-foreground: #000000;
33
+ --sidebar-accent: #ffff00;
34
+ --sidebar-accent-foreground: #000000;
35
+ --sidebar-border: #d4d4d4;
36
+ --sidebar-ring: #ffc0cb;
37
+ --font-sans: Poppins, sans-serif;
38
+ --font-mono: Roboto Mono, monospace;
39
+ }
40
+
41
+ .theme-candyland.dark {
42
+ --background: #1a1d23;
43
+ --foreground: #e5e5e5;
44
+ --card: #2f3436;
45
+ --card-foreground: #e5e5e5;
46
+ --popover: #2f3436;
47
+ --popover-foreground: #e5e5e5;
48
+ --primary: #ff99cc;
49
+ --primary-foreground: #000000;
50
+ --secondary: #33cc33;
51
+ --secondary-foreground: #000000;
52
+ --muted: #444444;
53
+ --muted-foreground: #a3a3a3;
54
+ --accent: #87ceeb;
55
+ --accent-foreground: #000000;
56
+ --destructive: #ef4444;
57
+ --destructive-foreground: #ffffff;
58
+ --border: #444444;
59
+ --input: #444444;
60
+ --ring: #ff99cc;
61
+ --chart-1: #ff99cc;
62
+ --chart-2: #33cc33;
63
+ --chart-3: #87ceeb;
64
+ --chart-4: #ffff00;
65
+ --chart-5: #ffcc00;
66
+ --radius: 0.5rem;
67
+ --sidebar: #1a1d23;
68
+ --sidebar-foreground: #e5e5e5;
69
+ --sidebar-primary: #ff99cc;
70
+ --sidebar-primary-foreground: #000000;
71
+ --sidebar-accent: #87ceeb;
72
+ --sidebar-accent-foreground: #000000;
73
+ --sidebar-border: #444444;
74
+ --sidebar-ring: #ff99cc;
75
+ }
@@ -0,0 +1,81 @@
1
+ /* catppuccin — tweakcn "Catppuccin" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-catppuccin {
4
+ --background: #eff1f5;
5
+ --foreground: #4c4f69;
6
+ --card: #ffffff;
7
+ --card-foreground: #4c4f69;
8
+ --popover: #ccd0da;
9
+ --popover-foreground: #4c4f69;
10
+ --primary: #8839ef;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #ccd0da;
13
+ --secondary-foreground: #4c4f69;
14
+ --muted: #dce0e8;
15
+ --muted-foreground: #6c6f85;
16
+ --accent: #04a5e5;
17
+ --accent-foreground: #ffffff;
18
+ --destructive: #d20f39;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #bcc0cc;
21
+ --input: #ccd0da;
22
+ --ring: #8839ef;
23
+ --chart-1: #8839ef;
24
+ --chart-2: #04a5e5;
25
+ --chart-3: #40a02b;
26
+ --chart-4: #fe640b;
27
+ --chart-5: #dc8a78;
28
+ --sidebar: #e6e9ef;
29
+ --sidebar-foreground: #4c4f69;
30
+ --sidebar-primary: #8839ef;
31
+ --sidebar-primary-foreground: #ffffff;
32
+ --sidebar-accent: #04a5e5;
33
+ --sidebar-accent-foreground: #ffffff;
34
+ --sidebar-border: #bcc0cc;
35
+ --sidebar-ring: #8839ef;
36
+ --font-sans: Montserrat, sans-serif;
37
+ --font-serif: Georgia, serif;
38
+ --font-mono: Fira Code, monospace;
39
+ --radius: 0.35rem;
40
+ --shadow-color: hsl(240 30% 25%);
41
+ --shadow-opacity: 0.12;
42
+ --shadow-blur: 6px;
43
+ --shadow-spread: 0px;
44
+ --shadow-offset-x: 0px;
45
+ --shadow-offset-y: 4px;
46
+ }
47
+
48
+ .theme-catppuccin.dark {
49
+ --background: #181825;
50
+ --foreground: #cdd6f4;
51
+ --card: #1e1e2e;
52
+ --card-foreground: #cdd6f4;
53
+ --popover: #45475a;
54
+ --popover-foreground: #cdd6f4;
55
+ --primary: #cba6f7;
56
+ --primary-foreground: #1e1e2e;
57
+ --secondary: #585b70;
58
+ --secondary-foreground: #cdd6f4;
59
+ --muted: #292c3c;
60
+ --muted-foreground: #a6adc8;
61
+ --accent: #89dceb;
62
+ --accent-foreground: #1e1e2e;
63
+ --destructive: #f38ba8;
64
+ --destructive-foreground: #1e1e2e;
65
+ --border: #313244;
66
+ --input: #313244;
67
+ --ring: #cba6f7;
68
+ --chart-1: #cba6f7;
69
+ --chart-2: #89dceb;
70
+ --chart-3: #a6e3a1;
71
+ --chart-4: #fab387;
72
+ --chart-5: #f5e0dc;
73
+ --sidebar: #11111b;
74
+ --sidebar-foreground: #cdd6f4;
75
+ --sidebar-primary: #cba6f7;
76
+ --sidebar-primary-foreground: #1e1e2e;
77
+ --sidebar-accent: #89dceb;
78
+ --sidebar-accent-foreground: #1e1e2e;
79
+ --sidebar-border: #45475a;
80
+ --sidebar-ring: #cba6f7;
81
+ }
@@ -0,0 +1,81 @@
1
+ /* claude — tweakcn "claude" preset: warm ivory parchment surface, terracotta
2
+ primary, warm neutral text. All-system font stacks (kept verbatim). */
3
+ .theme-claude {
4
+ --background: oklch(0.9818 0.0054 95.0986);
5
+ --foreground: oklch(0.3438 0.0269 95.7226);
6
+ --card: oklch(0.9818 0.0054 95.0986);
7
+ --card-foreground: oklch(0.1908 0.002 106.5859);
8
+ --popover: oklch(1 0 0);
9
+ --popover-foreground: oklch(0.2671 0.0196 98.939);
10
+ --primary: oklch(0.6171 0.1375 39.0427);
11
+ --primary-foreground: oklch(1 0 0);
12
+ --secondary: oklch(0.9245 0.0138 92.9892);
13
+ --secondary-foreground: oklch(0.4334 0.0177 98.6048);
14
+ --muted: oklch(0.9341 0.0153 90.239);
15
+ --muted-foreground: oklch(0.6059 0.0075 97.4233);
16
+ --accent: oklch(0.9245 0.0138 92.9892);
17
+ --accent-foreground: oklch(0.2671 0.0196 98.939);
18
+ --destructive: oklch(0.1908 0.002 106.5859);
19
+ --border: oklch(0.8847 0.0069 97.3627);
20
+ --input: oklch(0.7621 0.0156 98.3528);
21
+ --ring: oklch(0.6171 0.1375 39.0427);
22
+ --chart-1: oklch(0.5583 0.1276 42.9956);
23
+ --chart-2: oklch(0.6898 0.1581 290.4107);
24
+ --chart-3: oklch(0.8816 0.0276 93.128);
25
+ --chart-4: oklch(0.8822 0.0403 298.1792);
26
+ --chart-5: oklch(0.5608 0.1348 42.0584);
27
+ --sidebar: oklch(0.9663 0.008 98.8792);
28
+ --sidebar-foreground: oklch(0.359 0.0051 106.6524);
29
+ --sidebar-primary: oklch(0.6171 0.1375 39.0427);
30
+ --sidebar-primary-foreground: oklch(0.9881 0 0);
31
+ --sidebar-accent: oklch(0.9245 0.0138 92.9892);
32
+ --sidebar-accent-foreground: oklch(0.325 0 0);
33
+ --sidebar-border: oklch(0.9401 0 0);
34
+ --sidebar-ring: oklch(0.7731 0 0);
35
+ --font-sans:
36
+ ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
37
+ 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
38
+ --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
39
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
40
+ --radius: 0.625rem;
41
+ }
42
+
43
+ .theme-claude.dark {
44
+ --background: oklch(0.2679 0.0036 106.6427);
45
+ --foreground: oklch(0.8074 0.0142 93.0137);
46
+ --card: oklch(0.2679 0.0036 106.6427);
47
+ --card-foreground: oklch(0.9818 0.0054 95.0986);
48
+ --popover: oklch(0.3085 0.0035 106.6039);
49
+ --popover-foreground: oklch(0.9211 0.004 106.4781);
50
+ --primary: oklch(0.6724 0.1308 38.7559);
51
+ --primary-foreground: oklch(1 0 0);
52
+ --secondary: oklch(0.9818 0.0054 95.0986);
53
+ --secondary-foreground: oklch(0.3085 0.0035 106.6039);
54
+ --muted: oklch(0.2213 0.0038 106.707);
55
+ --muted-foreground: oklch(0.7713 0.0169 99.0657);
56
+ --accent: oklch(0.213 0.0078 95.4245);
57
+ --accent-foreground: oklch(0.9663 0.008 98.8792);
58
+ --destructive: oklch(0.6368 0.2078 25.3313);
59
+ --border: oklch(0.3618 0.0101 106.8928);
60
+ --input: oklch(0.4336 0.0113 100.2195);
61
+ --ring: oklch(0.6724 0.1308 38.7559);
62
+ --chart-1: oklch(0.5583 0.1276 42.9956);
63
+ --chart-2: oklch(0.6898 0.1581 290.4107);
64
+ --chart-3: oklch(0.213 0.0078 95.4245);
65
+ --chart-4: oklch(0.3074 0.0516 289.323);
66
+ --chart-5: oklch(0.5608 0.1348 42.0584);
67
+ --sidebar: oklch(0.2357 0.0024 67.7077);
68
+ --sidebar-foreground: oklch(0.8074 0.0142 93.0137);
69
+ --sidebar-primary: oklch(0.325 0 0);
70
+ --sidebar-primary-foreground: oklch(0.9881 0 0);
71
+ --sidebar-accent: oklch(0.168 0.002 106.6177);
72
+ --sidebar-accent-foreground: oklch(0.8074 0.0142 93.0137);
73
+ --sidebar-border: oklch(0.9401 0 0);
74
+ --sidebar-ring: oklch(0.7731 0 0);
75
+ --font-sans:
76
+ ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
77
+ 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
78
+ --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
79
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
80
+ --radius: 0.625rem;
81
+ }
@@ -0,0 +1,83 @@
1
+ /* claymorphism — tweakcn "Claymorphism" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-claymorphism {
4
+ --background: #e7e5e4;
5
+ --foreground: #1e293b;
6
+ --card: #f5f5f4;
7
+ --card-foreground: #1e293b;
8
+ --popover: #f5f5f4;
9
+ --popover-foreground: #1e293b;
10
+ --primary: #6366f1;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #d6d3d1;
13
+ --secondary-foreground: #4b5563;
14
+ --muted: #e7e5e4;
15
+ --muted-foreground: #6b7280;
16
+ --accent: #f3e5f5;
17
+ --accent-foreground: #374151;
18
+ --destructive: #ef4444;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #d6d3d1;
21
+ --input: #d6d3d1;
22
+ --ring: #6366f1;
23
+ --chart-1: #6366f1;
24
+ --chart-2: #4f46e5;
25
+ --chart-3: #4338ca;
26
+ --chart-4: #3730a3;
27
+ --chart-5: #312e81;
28
+ --radius: 1.25rem;
29
+ --sidebar: #d6d3d1;
30
+ --sidebar-foreground: #1e293b;
31
+ --sidebar-primary: #6366f1;
32
+ --sidebar-primary-foreground: #ffffff;
33
+ --sidebar-accent: #f3e5f5;
34
+ --sidebar-accent-foreground: #374151;
35
+ --sidebar-border: #d6d3d1;
36
+ --sidebar-ring: #6366f1;
37
+ --font-sans: Plus Jakarta Sans, sans-serif;
38
+ --font-serif: Lora, serif;
39
+ --font-mono: Roboto Mono, monospace;
40
+ --shadow-color: hsl(240 4% 60%);
41
+ --shadow-opacity: 0.18;
42
+ --shadow-blur: 10px;
43
+ --shadow-spread: 4px;
44
+ --shadow-offset-x: 2px;
45
+ --shadow-offset-y: 2px;
46
+ }
47
+
48
+ .theme-claymorphism.dark {
49
+ --background: #1e1b18;
50
+ --foreground: #e2e8f0;
51
+ --card: #2c2825;
52
+ --card-foreground: #e2e8f0;
53
+ --popover: #2c2825;
54
+ --popover-foreground: #e2e8f0;
55
+ --primary: #818cf8;
56
+ --primary-foreground: #1e1b18;
57
+ --secondary: #3a3633;
58
+ --secondary-foreground: #d1d5db;
59
+ --muted: #1f1c19;
60
+ --muted-foreground: #9ca3af;
61
+ --accent: #484441;
62
+ --accent-foreground: #d1d5db;
63
+ --destructive: #ef4444;
64
+ --destructive-foreground: #1e1b18;
65
+ --border: #3a3633;
66
+ --input: #3a3633;
67
+ --ring: #818cf8;
68
+ --chart-1: #818cf8;
69
+ --chart-2: #6366f1;
70
+ --chart-3: #4f46e5;
71
+ --chart-4: #4338ca;
72
+ --chart-5: #3730a3;
73
+ --radius: 1.25rem;
74
+ --sidebar: #3a3633;
75
+ --sidebar-foreground: #e2e8f0;
76
+ --sidebar-primary: #818cf8;
77
+ --sidebar-primary-foreground: #1e1b18;
78
+ --sidebar-accent: #484441;
79
+ --sidebar-accent-foreground: #d1d5db;
80
+ --sidebar-border: #3a3633;
81
+ --sidebar-ring: #818cf8;
82
+ --shadow-color: hsl(0 0% 0%);
83
+ }
@@ -0,0 +1,82 @@
1
+ /* clean-slate — tweakcn "Clean Slate" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-clean-slate {
4
+ --background: #f8fafc;
5
+ --foreground: #1e293b;
6
+ --card: #ffffff;
7
+ --card-foreground: #1e293b;
8
+ --popover: #ffffff;
9
+ --popover-foreground: #1e293b;
10
+ --primary: #6366f1;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #e5e7eb;
13
+ --secondary-foreground: #374151;
14
+ --muted: #f3f4f6;
15
+ --muted-foreground: #6b7280;
16
+ --accent: #e0e7ff;
17
+ --accent-foreground: #374151;
18
+ --destructive: #ef4444;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #d1d5db;
21
+ --input: #d1d5db;
22
+ --ring: #6366f1;
23
+ --chart-1: #6366f1;
24
+ --chart-2: #4f46e5;
25
+ --chart-3: #4338ca;
26
+ --chart-4: #3730a3;
27
+ --chart-5: #312e81;
28
+ --radius: 0.5rem;
29
+ --sidebar: #f3f4f6;
30
+ --sidebar-foreground: #1e293b;
31
+ --sidebar-primary: #6366f1;
32
+ --sidebar-primary-foreground: #ffffff;
33
+ --sidebar-accent: #e0e7ff;
34
+ --sidebar-accent-foreground: #374151;
35
+ --sidebar-border: #d1d5db;
36
+ --sidebar-ring: #6366f1;
37
+ --font-sans: Inter, sans-serif;
38
+ --font-serif: Merriweather, serif;
39
+ --font-mono: JetBrains Mono, monospace;
40
+ --shadow-color: hsl(0 0% 0%);
41
+ --shadow-opacity: 0.1;
42
+ --shadow-blur: 8px;
43
+ --shadow-spread: -1px;
44
+ --shadow-offset-x: 0px;
45
+ --shadow-offset-y: 4px;
46
+ }
47
+
48
+ .theme-clean-slate.dark {
49
+ --background: #0f172a;
50
+ --foreground: #e2e8f0;
51
+ --card: #1e293b;
52
+ --card-foreground: #e2e8f0;
53
+ --popover: #1e293b;
54
+ --popover-foreground: #e2e8f0;
55
+ --primary: #818cf8;
56
+ --primary-foreground: #0f172a;
57
+ --secondary: #2d3748;
58
+ --secondary-foreground: #d1d5db;
59
+ --muted: #152032;
60
+ --muted-foreground: #9ca3af;
61
+ --accent: #374151;
62
+ --accent-foreground: #d1d5db;
63
+ --destructive: #ef4444;
64
+ --destructive-foreground: #0f172a;
65
+ --border: #4b5563;
66
+ --input: #4b5563;
67
+ --ring: #818cf8;
68
+ --chart-1: #818cf8;
69
+ --chart-2: #6366f1;
70
+ --chart-3: #4f46e5;
71
+ --chart-4: #4338ca;
72
+ --chart-5: #3730a3;
73
+ --radius: 0.5rem;
74
+ --sidebar: #1e293b;
75
+ --sidebar-foreground: #e2e8f0;
76
+ --sidebar-primary: #818cf8;
77
+ --sidebar-primary-foreground: #0f172a;
78
+ --sidebar-accent: #374151;
79
+ --sidebar-accent-foreground: #d1d5db;
80
+ --sidebar-border: #4b5563;
81
+ --sidebar-ring: #818cf8;
82
+ }
@@ -0,0 +1,82 @@
1
+ /* cosmic-night — tweakcn "Cosmic Night" preset. Auto-generated from tweakcn defaultPresets;
2
+ tokens kept verbatim (consumed via var()). */
3
+ .theme-cosmic-night {
4
+ --background: #f5f5ff;
5
+ --foreground: #2a2a4a;
6
+ --card: #ffffff;
7
+ --card-foreground: #2a2a4a;
8
+ --popover: #ffffff;
9
+ --popover-foreground: #2a2a4a;
10
+ --primary: #6e56cf;
11
+ --primary-foreground: #ffffff;
12
+ --secondary: #e4dfff;
13
+ --secondary-foreground: #4a4080;
14
+ --muted: #f0f0fa;
15
+ --muted-foreground: #6c6c8a;
16
+ --accent: #d8e6ff;
17
+ --accent-foreground: #2a2a4a;
18
+ --destructive: #ff5470;
19
+ --destructive-foreground: #ffffff;
20
+ --border: #e0e0f0;
21
+ --input: #e0e0f0;
22
+ --ring: #6e56cf;
23
+ --chart-1: #6e56cf;
24
+ --chart-2: #9e8cfc;
25
+ --chart-3: #5d5fef;
26
+ --chart-4: #7c75fa;
27
+ --chart-5: #4740b3;
28
+ --radius: 0.5rem;
29
+ --sidebar: #f0f0fa;
30
+ --sidebar-foreground: #2a2a4a;
31
+ --sidebar-primary: #6e56cf;
32
+ --sidebar-primary-foreground: #ffffff;
33
+ --sidebar-accent: #d8e6ff;
34
+ --sidebar-accent-foreground: #2a2a4a;
35
+ --sidebar-border: #e0e0f0;
36
+ --sidebar-ring: #6e56cf;
37
+ --font-sans: Inter, sans-serif;
38
+ --font-serif: Georgia, serif;
39
+ --font-mono: JetBrains Mono, monospace;
40
+ --shadow-color: hsl(240 30% 25%);
41
+ --shadow-opacity: 0.12;
42
+ --shadow-blur: 10px;
43
+ --shadow-spread: 0px;
44
+ --shadow-offset-x: 0px;
45
+ --shadow-offset-y: 4px;
46
+ }
47
+
48
+ .theme-cosmic-night.dark {
49
+ --background: #0f0f1a;
50
+ --foreground: #e2e2f5;
51
+ --card: #1a1a2e;
52
+ --card-foreground: #e2e2f5;
53
+ --popover: #1a1a2e;
54
+ --popover-foreground: #e2e2f5;
55
+ --primary: #a48fff;
56
+ --primary-foreground: #0f0f1a;
57
+ --secondary: #2d2b55;
58
+ --secondary-foreground: #c4c2ff;
59
+ --muted: #222244;
60
+ --muted-foreground: #a0a0c0;
61
+ --accent: #303060;
62
+ --accent-foreground: #e2e2f5;
63
+ --destructive: #ff5470;
64
+ --destructive-foreground: #ffffff;
65
+ --border: #303052;
66
+ --input: #303052;
67
+ --ring: #a48fff;
68
+ --chart-1: #a48fff;
69
+ --chart-2: #7986cb;
70
+ --chart-3: #64b5f6;
71
+ --chart-4: #4db6ac;
72
+ --chart-5: #ff79c6;
73
+ --radius: 0.5rem;
74
+ --sidebar: #1a1a2e;
75
+ --sidebar-foreground: #e2e2f5;
76
+ --sidebar-primary: #a48fff;
77
+ --sidebar-primary-foreground: #0f0f1a;
78
+ --sidebar-accent: #303060;
79
+ --sidebar-accent-foreground: #e2e2f5;
80
+ --sidebar-border: #303052;
81
+ --sidebar-ring: #a48fff;
82
+ }