@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,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
|
+
}
|