@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,81 @@
|
|
|
1
|
+
/* cyberpunk — tweakcn "Cyberpunk" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-cyberpunk {
|
|
4
|
+
--background: #f8f9fa;
|
|
5
|
+
--foreground: #0c0c1d;
|
|
6
|
+
--card: #ffffff;
|
|
7
|
+
--card-foreground: #0c0c1d;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #0c0c1d;
|
|
10
|
+
--primary: #ff00c8;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #f0f0ff;
|
|
13
|
+
--secondary-foreground: #0c0c1d;
|
|
14
|
+
--muted: #f0f0ff;
|
|
15
|
+
--muted-foreground: #0c0c1d;
|
|
16
|
+
--accent: #00ffcc;
|
|
17
|
+
--accent-foreground: #0c0c1d;
|
|
18
|
+
--destructive: #ff3d00;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #dfe6e9;
|
|
21
|
+
--input: #dfe6e9;
|
|
22
|
+
--ring: #ff00c8;
|
|
23
|
+
--chart-1: #ff00c8;
|
|
24
|
+
--chart-2: #9000ff;
|
|
25
|
+
--chart-3: #00e5ff;
|
|
26
|
+
--chart-4: #00ffcc;
|
|
27
|
+
--chart-5: #ffe600;
|
|
28
|
+
--radius: 0.5rem;
|
|
29
|
+
--sidebar: #f0f0ff;
|
|
30
|
+
--sidebar-foreground: #0c0c1d;
|
|
31
|
+
--sidebar-primary: #ff00c8;
|
|
32
|
+
--sidebar-primary-foreground: #ffffff;
|
|
33
|
+
--sidebar-accent: #00ffcc;
|
|
34
|
+
--sidebar-accent-foreground: #0c0c1d;
|
|
35
|
+
--sidebar-border: #dfe6e9;
|
|
36
|
+
--sidebar-ring: #ff00c8;
|
|
37
|
+
--font-sans: Outfit, sans-serif;
|
|
38
|
+
--font-mono: Fira Code, monospace;
|
|
39
|
+
--shadow-color: hsl(0 0% 0%);
|
|
40
|
+
--shadow-opacity: 0.1;
|
|
41
|
+
--shadow-blur: 8px;
|
|
42
|
+
--shadow-spread: -2px;
|
|
43
|
+
--shadow-offset-x: 0px;
|
|
44
|
+
--shadow-offset-y: 4px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.theme-cyberpunk.dark {
|
|
48
|
+
--background: #0c0c1d;
|
|
49
|
+
--foreground: #eceff4;
|
|
50
|
+
--card: #1e1e3f;
|
|
51
|
+
--card-foreground: #eceff4;
|
|
52
|
+
--popover: #1e1e3f;
|
|
53
|
+
--popover-foreground: #eceff4;
|
|
54
|
+
--primary: #ff00c8;
|
|
55
|
+
--primary-foreground: #ffffff;
|
|
56
|
+
--secondary: #1e1e3f;
|
|
57
|
+
--secondary-foreground: #eceff4;
|
|
58
|
+
--muted: #151530;
|
|
59
|
+
--muted-foreground: #8085a6;
|
|
60
|
+
--accent: #00ffcc;
|
|
61
|
+
--accent-foreground: #0c0c1d;
|
|
62
|
+
--destructive: #ff3d00;
|
|
63
|
+
--destructive-foreground: #ffffff;
|
|
64
|
+
--border: #2e2e5e;
|
|
65
|
+
--input: #2e2e5e;
|
|
66
|
+
--ring: #ff00c8;
|
|
67
|
+
--chart-1: #ff00c8;
|
|
68
|
+
--chart-2: #9000ff;
|
|
69
|
+
--chart-3: #00e5ff;
|
|
70
|
+
--chart-4: #00ffcc;
|
|
71
|
+
--chart-5: #ffe600;
|
|
72
|
+
--radius: 0.5rem;
|
|
73
|
+
--sidebar: #0c0c1d;
|
|
74
|
+
--sidebar-foreground: #eceff4;
|
|
75
|
+
--sidebar-primary: #ff00c8;
|
|
76
|
+
--sidebar-primary-foreground: #ffffff;
|
|
77
|
+
--sidebar-accent: #00ffcc;
|
|
78
|
+
--sidebar-accent-foreground: #0c0c1d;
|
|
79
|
+
--sidebar-border: #2e2e5e;
|
|
80
|
+
--sidebar-ring: #ff00c8;
|
|
81
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/* darkmatter — tweakcn "Darkmatter" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-darkmatter {
|
|
4
|
+
--background: #ffffff;
|
|
5
|
+
--foreground: #111827;
|
|
6
|
+
--card: #ffffff;
|
|
7
|
+
--card-foreground: #111827;
|
|
8
|
+
--popover: #ffffff;
|
|
9
|
+
--popover-foreground: #111827;
|
|
10
|
+
--primary: #d87943;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #527575;
|
|
13
|
+
--secondary-foreground: #ffffff;
|
|
14
|
+
--muted: #f3f4f6;
|
|
15
|
+
--muted-foreground: #6b7280;
|
|
16
|
+
--accent: #eeeeee;
|
|
17
|
+
--accent-foreground: #111827;
|
|
18
|
+
--destructive: #ef4444;
|
|
19
|
+
--destructive-foreground: #fafafa;
|
|
20
|
+
--border: #e5e7eb;
|
|
21
|
+
--input: #e5e7eb;
|
|
22
|
+
--ring: #d87943;
|
|
23
|
+
--chart-1: #5f8787;
|
|
24
|
+
--chart-2: #e78a53;
|
|
25
|
+
--chart-3: #fbcb97;
|
|
26
|
+
--chart-4: #888888;
|
|
27
|
+
--chart-5: #999999;
|
|
28
|
+
--sidebar: #f3f4f6;
|
|
29
|
+
--sidebar-foreground: #111827;
|
|
30
|
+
--sidebar-primary: #d87943;
|
|
31
|
+
--sidebar-primary-foreground: #ffffff;
|
|
32
|
+
--sidebar-accent: #ffffff;
|
|
33
|
+
--sidebar-accent-foreground: #111827;
|
|
34
|
+
--sidebar-border: #e5e7eb;
|
|
35
|
+
--sidebar-ring: #d87943;
|
|
36
|
+
--font-sans: Geist Mono, ui-monospace, monospace;
|
|
37
|
+
--font-serif: serif;
|
|
38
|
+
--font-mono: JetBrains Mono, monospace;
|
|
39
|
+
--radius: 0.75rem;
|
|
40
|
+
--shadow-color: #000000;
|
|
41
|
+
--shadow-opacity: 0.05;
|
|
42
|
+
--shadow-blur: 4px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 1px;
|
|
46
|
+
--letter-spacing: 0rem;
|
|
47
|
+
--spacing: 0.25rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme-darkmatter.dark {
|
|
51
|
+
--background: #121113;
|
|
52
|
+
--foreground: #c1c1c1;
|
|
53
|
+
--card: #121212;
|
|
54
|
+
--card-foreground: #c1c1c1;
|
|
55
|
+
--popover: #121113;
|
|
56
|
+
--popover-foreground: #c1c1c1;
|
|
57
|
+
--primary: #e78a53;
|
|
58
|
+
--primary-foreground: #121113;
|
|
59
|
+
--secondary: #5f8787;
|
|
60
|
+
--secondary-foreground: #121113;
|
|
61
|
+
--muted: #222222;
|
|
62
|
+
--muted-foreground: #888888;
|
|
63
|
+
--accent: #333333;
|
|
64
|
+
--accent-foreground: #c1c1c1;
|
|
65
|
+
--destructive: #5f8787;
|
|
66
|
+
--destructive-foreground: #121113;
|
|
67
|
+
--border: #222222;
|
|
68
|
+
--input: #222222;
|
|
69
|
+
--ring: #e78a53;
|
|
70
|
+
--chart-1: #5f8787;
|
|
71
|
+
--chart-2: #e78a53;
|
|
72
|
+
--chart-3: #fbcb97;
|
|
73
|
+
--chart-4: #888888;
|
|
74
|
+
--chart-5: #999999;
|
|
75
|
+
--sidebar: #121212;
|
|
76
|
+
--sidebar-foreground: #c1c1c1;
|
|
77
|
+
--sidebar-primary: #e78a53;
|
|
78
|
+
--sidebar-primary-foreground: #121113;
|
|
79
|
+
--sidebar-accent: #333333;
|
|
80
|
+
--sidebar-accent-foreground: #c1c1c1;
|
|
81
|
+
--sidebar-border: #222222;
|
|
82
|
+
--sidebar-ring: #e78a53;
|
|
83
|
+
--shadow-color: #000000;
|
|
84
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* diffbook default theme — shadcn "Neutral" OKLCH palette.
|
|
2
|
+
Seeds :root/.dark (base, no theme class) AND .theme-default for explicit selection.
|
|
3
|
+
:where() gives this ZERO specificity so an explicit light theme (.theme-x, 0,1,0)
|
|
4
|
+
overrides it — otherwise a light theme tied :root and lost on source order, so
|
|
5
|
+
every light theme rendered with this neutral palette. */
|
|
6
|
+
:where(:root, .theme-default) {
|
|
7
|
+
--background: oklch(1 0 0);
|
|
8
|
+
--foreground: oklch(0.145 0 0);
|
|
9
|
+
--card: oklch(1 0 0);
|
|
10
|
+
--card-foreground: oklch(0.145 0 0);
|
|
11
|
+
--popover: oklch(1 0 0);
|
|
12
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
13
|
+
--primary: oklch(0.205 0 0);
|
|
14
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
15
|
+
--secondary: oklch(0.97 0 0);
|
|
16
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
17
|
+
--muted: oklch(0.97 0 0);
|
|
18
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
19
|
+
--accent: oklch(0.97 0 0);
|
|
20
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
21
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
22
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
23
|
+
--border: oklch(0.922 0 0);
|
|
24
|
+
--input: oklch(0.922 0 0);
|
|
25
|
+
--ring: oklch(0.708 0 0);
|
|
26
|
+
--sidebar: oklch(0.985 0 0);
|
|
27
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
28
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
29
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
30
|
+
--radius: 0.625rem;
|
|
31
|
+
/* Font tokens — themes may override; --font-heading defaults to the sans stack. */
|
|
32
|
+
--font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
|
33
|
+
--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
34
|
+
--font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
|
|
35
|
+
--font-heading: var(--font-sans);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
:where(.dark, .theme-default.dark) {
|
|
39
|
+
--background: oklch(0.145 0 0);
|
|
40
|
+
--foreground: oklch(0.985 0 0);
|
|
41
|
+
--card: oklch(0.205 0 0);
|
|
42
|
+
--card-foreground: oklch(0.985 0 0);
|
|
43
|
+
--popover: oklch(0.205 0 0);
|
|
44
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
45
|
+
--primary: oklch(0.922 0 0);
|
|
46
|
+
--primary-foreground: oklch(0.205 0 0);
|
|
47
|
+
--secondary: oklch(0.269 0 0);
|
|
48
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
49
|
+
--muted: oklch(0.269 0 0);
|
|
50
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
51
|
+
--accent: oklch(0.269 0 0);
|
|
52
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
53
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
54
|
+
--destructive-foreground: oklch(0.985 0 0);
|
|
55
|
+
--border: oklch(1 0 0 / 10%);
|
|
56
|
+
--input: oklch(1 0 0 / 15%);
|
|
57
|
+
--ring: oklch(0.556 0 0);
|
|
58
|
+
--sidebar: oklch(0.205 0 0);
|
|
59
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
60
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
61
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
62
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/* doom-64 — tweakcn "Doom 64" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-doom-64 {
|
|
4
|
+
--background: #cccccc;
|
|
5
|
+
--foreground: #1f1f1f;
|
|
6
|
+
--card: #b0b0b0;
|
|
7
|
+
--card-foreground: #1f1f1f;
|
|
8
|
+
--popover: #b0b0b0;
|
|
9
|
+
--popover-foreground: #1f1f1f;
|
|
10
|
+
--primary: #b71c1c;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #556b2f;
|
|
13
|
+
--secondary-foreground: #ffffff;
|
|
14
|
+
--muted: #b8b8b8;
|
|
15
|
+
--muted-foreground: #4a4a4a;
|
|
16
|
+
--accent: #4682b4;
|
|
17
|
+
--accent-foreground: #ffffff;
|
|
18
|
+
--destructive: #ff6f00;
|
|
19
|
+
--destructive-foreground: #000000;
|
|
20
|
+
--border: #505050;
|
|
21
|
+
--input: #505050;
|
|
22
|
+
--ring: #b71c1c;
|
|
23
|
+
--chart-1: #b71c1c;
|
|
24
|
+
--chart-2: #556b2f;
|
|
25
|
+
--chart-3: #4682b4;
|
|
26
|
+
--chart-4: #ff6f00;
|
|
27
|
+
--chart-5: #8d6e63;
|
|
28
|
+
--sidebar: #b0b0b0;
|
|
29
|
+
--sidebar-foreground: #1f1f1f;
|
|
30
|
+
--sidebar-primary: #b71c1c;
|
|
31
|
+
--sidebar-primary-foreground: #ffffff;
|
|
32
|
+
--sidebar-accent: #4682b4;
|
|
33
|
+
--sidebar-accent-foreground: #ffffff;
|
|
34
|
+
--sidebar-border: #505050;
|
|
35
|
+
--sidebar-ring: #b71c1c;
|
|
36
|
+
--font-sans: 'Oxanium', sans-serif;
|
|
37
|
+
--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
38
|
+
--font-mono: 'Source Code Pro', monospace;
|
|
39
|
+
--radius: 0px;
|
|
40
|
+
--shadow-color: hsl(0 0% 0%);
|
|
41
|
+
--shadow-opacity: 0.4;
|
|
42
|
+
--shadow-blur: 4px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 0px;
|
|
45
|
+
--shadow-offset-y: 2px;
|
|
46
|
+
--letter-spacing: 0em;
|
|
47
|
+
--spacing: 0.25rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme-doom-64.dark {
|
|
51
|
+
--background: #1a1a1a;
|
|
52
|
+
--foreground: #e0e0e0;
|
|
53
|
+
--card: #2a2a2a;
|
|
54
|
+
--card-foreground: #e0e0e0;
|
|
55
|
+
--popover: #2a2a2a;
|
|
56
|
+
--popover-foreground: #e0e0e0;
|
|
57
|
+
--primary: #e53935;
|
|
58
|
+
--primary-foreground: #ffffff;
|
|
59
|
+
--secondary: #689f38;
|
|
60
|
+
--secondary-foreground: #000000;
|
|
61
|
+
--muted: #252525;
|
|
62
|
+
--muted-foreground: #a0a0a0;
|
|
63
|
+
--accent: #64b5f6;
|
|
64
|
+
--accent-foreground: #000000;
|
|
65
|
+
--destructive: #ffa000;
|
|
66
|
+
--destructive-foreground: #000000;
|
|
67
|
+
--border: #4a4a4a;
|
|
68
|
+
--input: #4a4a4a;
|
|
69
|
+
--ring: #e53935;
|
|
70
|
+
--chart-1: #e53935;
|
|
71
|
+
--chart-2: #689f38;
|
|
72
|
+
--chart-3: #64b5f6;
|
|
73
|
+
--chart-4: #ffa000;
|
|
74
|
+
--chart-5: #a1887f;
|
|
75
|
+
--sidebar: #141414;
|
|
76
|
+
--sidebar-foreground: #e0e0e0;
|
|
77
|
+
--sidebar-primary: #e53935;
|
|
78
|
+
--sidebar-primary-foreground: #ffffff;
|
|
79
|
+
--sidebar-accent: #64b5f6;
|
|
80
|
+
--sidebar-accent-foreground: #000000;
|
|
81
|
+
--sidebar-border: #4a4a4a;
|
|
82
|
+
--sidebar-ring: #e53935;
|
|
83
|
+
--font-sans: 'Oxanium', sans-serif;
|
|
84
|
+
--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
85
|
+
--font-mono: 'Source Code Pro', monospace;
|
|
86
|
+
--radius: 0px;
|
|
87
|
+
--shadow-color: hsl(0 0% 0%);
|
|
88
|
+
--shadow-opacity: 0.6;
|
|
89
|
+
--shadow-blur: 5px;
|
|
90
|
+
--shadow-spread: 0px;
|
|
91
|
+
--shadow-offset-x: 0px;
|
|
92
|
+
--shadow-offset-y: 2px;
|
|
93
|
+
--letter-spacing: 0em;
|
|
94
|
+
--spacing: 0.25rem;
|
|
95
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* elegant-luxury — tweakcn "Elegant Luxury" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-elegant-luxury {
|
|
4
|
+
--background: #faf7f5;
|
|
5
|
+
--foreground: #1a1a1a;
|
|
6
|
+
--card: #faf7f5;
|
|
7
|
+
--card-foreground: #1a1a1a;
|
|
8
|
+
--popover: #faf7f5;
|
|
9
|
+
--popover-foreground: #1a1a1a;
|
|
10
|
+
--primary: #9b2c2c;
|
|
11
|
+
--primary-foreground: #ffffff;
|
|
12
|
+
--secondary: #fdf2d6;
|
|
13
|
+
--secondary-foreground: #805500;
|
|
14
|
+
--muted: #f0ebe8;
|
|
15
|
+
--muted-foreground: #57534e;
|
|
16
|
+
--accent: #fef3c7;
|
|
17
|
+
--accent-foreground: #7f1d1d;
|
|
18
|
+
--destructive: #991b1b;
|
|
19
|
+
--destructive-foreground: #ffffff;
|
|
20
|
+
--border: #f5e8d2;
|
|
21
|
+
--input: #f5e8d2;
|
|
22
|
+
--ring: #9b2c2c;
|
|
23
|
+
--chart-1: #b91c1c;
|
|
24
|
+
--chart-2: #9b2c2c;
|
|
25
|
+
--chart-3: #7f1d1d;
|
|
26
|
+
--chart-4: #b45309;
|
|
27
|
+
--chart-5: #92400e;
|
|
28
|
+
--radius: 0.375rem;
|
|
29
|
+
--sidebar: #f0ebe8;
|
|
30
|
+
--sidebar-foreground: #1a1a1a;
|
|
31
|
+
--sidebar-primary: #9b2c2c;
|
|
32
|
+
--sidebar-primary-foreground: #ffffff;
|
|
33
|
+
--sidebar-accent: #fef3c7;
|
|
34
|
+
--sidebar-accent-foreground: #7f1d1d;
|
|
35
|
+
--sidebar-border: #f5e8d2;
|
|
36
|
+
--sidebar-ring: #9b2c2c;
|
|
37
|
+
--font-sans: Poppins, sans-serif;
|
|
38
|
+
--font-serif: Libre Baskerville, serif;
|
|
39
|
+
--font-mono: IBM Plex Mono, monospace;
|
|
40
|
+
--shadow-color: hsl(0 63% 18%);
|
|
41
|
+
--shadow-opacity: 0.12;
|
|
42
|
+
--shadow-blur: 16px;
|
|
43
|
+
--shadow-spread: -2px;
|
|
44
|
+
--shadow-offset-x: 1px;
|
|
45
|
+
--shadow-offset-y: 1px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.theme-elegant-luxury.dark {
|
|
49
|
+
--background: #1c1917;
|
|
50
|
+
--foreground: #f5f5f4;
|
|
51
|
+
--card: #292524;
|
|
52
|
+
--card-foreground: #f5f5f4;
|
|
53
|
+
--popover: #292524;
|
|
54
|
+
--popover-foreground: #f5f5f4;
|
|
55
|
+
--primary: #b91c1c;
|
|
56
|
+
--primary-foreground: #faf7f5;
|
|
57
|
+
--secondary: #92400e;
|
|
58
|
+
--secondary-foreground: #fef3c7;
|
|
59
|
+
--muted: #1f1c1a;
|
|
60
|
+
--muted-foreground: #d6d3d1;
|
|
61
|
+
--accent: #b45309;
|
|
62
|
+
--accent-foreground: #fef3c7;
|
|
63
|
+
--destructive: #ef4444;
|
|
64
|
+
--destructive-foreground: #ffffff;
|
|
65
|
+
--border: #44403c;
|
|
66
|
+
--input: #44403c;
|
|
67
|
+
--ring: #b91c1c;
|
|
68
|
+
--chart-1: #f87171;
|
|
69
|
+
--chart-2: #ef4444;
|
|
70
|
+
--chart-3: #dc2626;
|
|
71
|
+
--chart-4: #fbbf24;
|
|
72
|
+
--chart-5: #f59e0b;
|
|
73
|
+
--radius: 0.375rem;
|
|
74
|
+
--sidebar: #1c1917;
|
|
75
|
+
--sidebar-foreground: #f5f5f4;
|
|
76
|
+
--sidebar-primary: #b91c1c;
|
|
77
|
+
--sidebar-primary-foreground: #faf7f5;
|
|
78
|
+
--sidebar-accent: #b45309;
|
|
79
|
+
--sidebar-accent-foreground: #fef3c7;
|
|
80
|
+
--sidebar-border: #44403c;
|
|
81
|
+
--sidebar-ring: #b91c1c;
|
|
82
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* graphite — tweakcn "graphite" preset: sophisticated monochrome grey with tight
|
|
2
|
+
radius. Strong minimal option for long-form reading. Tokens converted from source
|
|
3
|
+
hex to OKLCH; font stacks fall back to the loaded Inter / JetBrains Mono when
|
|
4
|
+
Montserrat/Fira Code aren't installed. */
|
|
5
|
+
.theme-graphite {
|
|
6
|
+
--background: oklch(0.955 0 0);
|
|
7
|
+
--foreground: oklch(0.321 0 0);
|
|
8
|
+
--card: oklch(0.97 0 0);
|
|
9
|
+
--card-foreground: oklch(0.321 0 0);
|
|
10
|
+
--popover: oklch(0.97 0 0);
|
|
11
|
+
--popover-foreground: oklch(0.321 0 0);
|
|
12
|
+
--primary: oklch(0.489 0 0);
|
|
13
|
+
--primary-foreground: oklch(1 0 0);
|
|
14
|
+
--secondary: oklch(0.907 0 0);
|
|
15
|
+
--secondary-foreground: oklch(0.321 0 0);
|
|
16
|
+
--muted: oklch(0.885 0 0);
|
|
17
|
+
--muted-foreground: oklch(0.51 0 0);
|
|
18
|
+
--accent: oklch(0.808 0 0);
|
|
19
|
+
--accent-foreground: oklch(0.321 0 0);
|
|
20
|
+
--destructive: oklch(0.559 0.19 25.86);
|
|
21
|
+
--destructive-foreground: oklch(1 0 0);
|
|
22
|
+
--border: oklch(0.858 0 0);
|
|
23
|
+
--input: oklch(0.907 0 0);
|
|
24
|
+
--ring: oklch(0.489 0 0);
|
|
25
|
+
--sidebar: oklch(0.937 0 0);
|
|
26
|
+
--sidebar-foreground: oklch(0.321 0 0);
|
|
27
|
+
--sidebar-accent: oklch(0.808 0 0);
|
|
28
|
+
--sidebar-accent-foreground: oklch(0.321 0 0);
|
|
29
|
+
--radius: 0.35rem;
|
|
30
|
+
--font-sans: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
|
|
31
|
+
--font-serif: Georgia, Cambria, 'Times New Roman', serif;
|
|
32
|
+
--font-mono: 'Fira Code', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.theme-graphite.dark {
|
|
36
|
+
--background: oklch(0.218 0 0);
|
|
37
|
+
--foreground: oklch(0.885 0 0);
|
|
38
|
+
--card: oklch(0.244 0 0);
|
|
39
|
+
--card-foreground: oklch(0.885 0 0);
|
|
40
|
+
--popover: oklch(0.244 0 0);
|
|
41
|
+
--popover-foreground: oklch(0.885 0 0);
|
|
42
|
+
--primary: oklch(0.706 0 0);
|
|
43
|
+
--primary-foreground: oklch(0.218 0 0);
|
|
44
|
+
--secondary: oklch(0.309 0 0);
|
|
45
|
+
--secondary-foreground: oklch(0.885 0 0);
|
|
46
|
+
--muted: oklch(0.285 0 0);
|
|
47
|
+
--muted-foreground: oklch(0.6 0 0);
|
|
48
|
+
--accent: oklch(0.371 0 0);
|
|
49
|
+
--accent-foreground: oklch(0.885 0 0);
|
|
50
|
+
--destructive: oklch(0.659 0.153 22.17);
|
|
51
|
+
--destructive-foreground: oklch(1 0 0);
|
|
52
|
+
--border: oklch(0.329 0 0);
|
|
53
|
+
--input: oklch(0.309 0 0);
|
|
54
|
+
--ring: oklch(0.706 0 0);
|
|
55
|
+
--sidebar: oklch(0.239 0 0);
|
|
56
|
+
--sidebar-foreground: oklch(0.885 0 0);
|
|
57
|
+
--sidebar-accent: oklch(0.371 0 0);
|
|
58
|
+
--sidebar-accent-foreground: oklch(0.885 0 0);
|
|
59
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/* green — shadcn "green" base color: green-600 primary (light) / green-500 (dark)
|
|
2
|
+
on a neutral slate scaffold. Exact Tailwind v4 green OKLCH values. */
|
|
3
|
+
.theme-green {
|
|
4
|
+
--background: oklch(1 0 0);
|
|
5
|
+
--foreground: oklch(0.208 0.04 265.75); /* slate-900 ink */
|
|
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.627 0.17 149.21); /* green-600 */
|
|
11
|
+
--primary-foreground: oklch(0.982 0.018 155.83); /* green-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);
|
|
16
|
+
--accent: oklch(0.962 0.043 156.74); /* green-100 tinted accent */
|
|
17
|
+
--accent-foreground: oklch(0.393 0.09 152.54); /* green-900 */
|
|
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.627 0.17 149.21); /* green-600 */
|
|
23
|
+
--sidebar: oklch(0.984 0.003 247.86);
|
|
24
|
+
--sidebar-foreground: oklch(0.208 0.04 265.75);
|
|
25
|
+
--sidebar-accent: oklch(0.962 0.043 156.74);
|
|
26
|
+
--sidebar-accent-foreground: oklch(0.393 0.09 152.54);
|
|
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-green.dark {
|
|
34
|
+
--background: oklch(0.208 0.04 265.75); /* slate-900 */
|
|
35
|
+
--foreground: oklch(0.984 0.003 247.86);
|
|
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.723 0.192 149.58); /* green-500 (brighter for dark) */
|
|
41
|
+
--primary-foreground: oklch(0.266 0.063 152.93); /* green-950 */
|
|
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);
|
|
46
|
+
--accent: oklch(0.266 0.063 152.93); /* green-950 tinted accent */
|
|
47
|
+
--accent-foreground: oklch(0.962 0.043 156.74);
|
|
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.723 0.192 149.58);
|
|
53
|
+
--sidebar: oklch(0.279 0.037 260.03);
|
|
54
|
+
--sidebar-foreground: oklch(0.984 0.003 247.86);
|
|
55
|
+
--sidebar-accent: oklch(0.266 0.063 152.93);
|
|
56
|
+
--sidebar-accent-foreground: oklch(0.962 0.043 156.74);
|
|
57
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/* kodama-grove — tweakcn "Kodama Grove" preset. Auto-generated from tweakcn defaultPresets;
|
|
2
|
+
tokens kept verbatim (consumed via var()). */
|
|
3
|
+
.theme-kodama-grove {
|
|
4
|
+
--background: #e4d7b0;
|
|
5
|
+
--foreground: #5c4b3e;
|
|
6
|
+
--card: #e7dbbf;
|
|
7
|
+
--card-foreground: #5c4b3e;
|
|
8
|
+
--popover: #f3ead2;
|
|
9
|
+
--popover-foreground: #5c4b3e;
|
|
10
|
+
--primary: #8d9d4f;
|
|
11
|
+
--primary-foreground: #fdfbf6;
|
|
12
|
+
--secondary: #decea0;
|
|
13
|
+
--secondary-foreground: #5c4b3e;
|
|
14
|
+
--muted: #decea0;
|
|
15
|
+
--muted-foreground: #85766a;
|
|
16
|
+
--accent: #dbc894;
|
|
17
|
+
--accent-foreground: #5c4b3e;
|
|
18
|
+
--destructive: #d98b7e;
|
|
19
|
+
--destructive-foreground: #faf8f2;
|
|
20
|
+
--border: #b19681;
|
|
21
|
+
--input: #dbc894;
|
|
22
|
+
--ring: #9db18c;
|
|
23
|
+
--chart-1: #9db18c;
|
|
24
|
+
--chart-2: #8a9f7b;
|
|
25
|
+
--chart-3: #bac9b4;
|
|
26
|
+
--chart-4: #71856a;
|
|
27
|
+
--chart-5: #5e6e58;
|
|
28
|
+
--sidebar: #e2d1a2;
|
|
29
|
+
--sidebar-foreground: #5c4b3e;
|
|
30
|
+
--sidebar-primary: #9db18c;
|
|
31
|
+
--sidebar-primary-foreground: #fdfbf6;
|
|
32
|
+
--sidebar-accent: #eae5d9;
|
|
33
|
+
--sidebar-accent-foreground: #5c4b3e;
|
|
34
|
+
--sidebar-border: #e5e0d4;
|
|
35
|
+
--sidebar-ring: #9db18c;
|
|
36
|
+
--font-sans: Merriweather, serif;
|
|
37
|
+
--font-serif: Source Serif 4, serif;
|
|
38
|
+
--font-mono: JetBrains Mono, monospace;
|
|
39
|
+
--radius: 0.425rem;
|
|
40
|
+
--shadow-color: hsl(88 22% 35% / 0.15);
|
|
41
|
+
--shadow-opacity: 0.15;
|
|
42
|
+
--shadow-blur: 2px;
|
|
43
|
+
--shadow-spread: 0px;
|
|
44
|
+
--shadow-offset-x: 3px;
|
|
45
|
+
--shadow-offset-y: 3px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.theme-kodama-grove.dark {
|
|
49
|
+
--background: #3a3529;
|
|
50
|
+
--foreground: #ede4d4;
|
|
51
|
+
--card: #413c33;
|
|
52
|
+
--card-foreground: #ede4d4;
|
|
53
|
+
--popover: #413c33;
|
|
54
|
+
--popover-foreground: #ede4d4;
|
|
55
|
+
--primary: #8a9f7b;
|
|
56
|
+
--primary-foreground: #2a2521;
|
|
57
|
+
--secondary: #5a5345;
|
|
58
|
+
--secondary-foreground: #ede4d4;
|
|
59
|
+
--muted: #4a4439;
|
|
60
|
+
--muted-foreground: #a8a096;
|
|
61
|
+
--accent: #a18f5c;
|
|
62
|
+
--accent-foreground: #2a2521;
|
|
63
|
+
--destructive: #b5766a;
|
|
64
|
+
--destructive-foreground: #f0e9db;
|
|
65
|
+
--border: #5a5345;
|
|
66
|
+
--input: #5a5345;
|
|
67
|
+
--ring: #8a9f7b;
|
|
68
|
+
--chart-1: #8a9f7b;
|
|
69
|
+
--chart-2: #9db18c;
|
|
70
|
+
--chart-3: #71856a;
|
|
71
|
+
--chart-4: #a18f5c;
|
|
72
|
+
--chart-5: #5e6e58;
|
|
73
|
+
--sidebar: #3a3529;
|
|
74
|
+
--sidebar-foreground: #ede4d4;
|
|
75
|
+
--sidebar-primary: #8a9f7b;
|
|
76
|
+
--sidebar-primary-foreground: #2a2521;
|
|
77
|
+
--sidebar-accent: #a18f5c;
|
|
78
|
+
--sidebar-accent-foreground: #2a2521;
|
|
79
|
+
--sidebar-border: #5a5345;
|
|
80
|
+
--sidebar-ring: #8a9f7b;
|
|
81
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/* Lambda (lambda.ai) — dark-first "Superintelligence Cloud" terminal aesthetic:
|
|
2
|
+
near-black warm-neutral canvas (#0b0b0b), bone text (#e7e6d9), warm olive-tinted
|
|
3
|
+
greys, and an electric ULTRAVIOLET brand accent (#6236f4). Type is Suisse Intl
|
|
4
|
+
(sans) + Suisse Intl Mono (proprietary) — substituted with Inter + JetBrains Mono.
|
|
5
|
+
Verified from the live site's design-token CSS. Serif headings: NO. */
|
|
6
|
+
.theme-lambda {
|
|
7
|
+
/* light counterpart (docs light mode): white canvas, ultraviolet accent */
|
|
8
|
+
--background: oklch(1 0 0);
|
|
9
|
+
--foreground: oklch(0.15 0.002 105); /* #0b0b0b warm near-black */
|
|
10
|
+
--card: oklch(1 0 0);
|
|
11
|
+
--card-foreground: oklch(0.15 0.002 105);
|
|
12
|
+
--popover: oklch(1 0 0);
|
|
13
|
+
--popover-foreground: oklch(0.15 0.002 105);
|
|
14
|
+
--primary: oklch(0.48 0.26 285); /* ultraviolet #6236f4 */
|
|
15
|
+
--primary-foreground: oklch(0.99 0.005 105);
|
|
16
|
+
--secondary: oklch(0.95 0.006 105); /* warm light grey */
|
|
17
|
+
--secondary-foreground: oklch(0.24 0.004 105);
|
|
18
|
+
--muted: oklch(0.95 0.006 105);
|
|
19
|
+
--muted-foreground: oklch(0.52 0.008 105); /* #797872 */
|
|
20
|
+
--accent: oklch(0.94 0.04 288); /* faint uv tint */
|
|
21
|
+
--accent-foreground: oklch(0.35 0.12 285);
|
|
22
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
23
|
+
--destructive-foreground: oklch(0.99 0.005 105);
|
|
24
|
+
--border: oklch(0.9 0.006 105);
|
|
25
|
+
--input: oklch(0.9 0.006 105);
|
|
26
|
+
--ring: oklch(0.48 0.26 285);
|
|
27
|
+
--sidebar: oklch(0.985 0.004 105);
|
|
28
|
+
--sidebar-foreground: oklch(0.15 0.002 105);
|
|
29
|
+
--sidebar-accent: oklch(0.94 0.04 288);
|
|
30
|
+
--sidebar-accent-foreground: oklch(0.35 0.12 285);
|
|
31
|
+
--radius: 0.5rem;
|
|
32
|
+
--font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Suisse Intl */
|
|
33
|
+
--font-serif: 'Source Serif 4', Georgia, Cambria, serif;
|
|
34
|
+
--font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; /* Suisse Intl Mono */
|
|
35
|
+
--font-heading: var(--font-sans);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.theme-lambda.dark {
|
|
39
|
+
/* dark-first — Lambda's native look: near-black #0b0b0b, bone text, ultraviolet */
|
|
40
|
+
--background: oklch(0.15 0.002 105); /* #0b0b0b */
|
|
41
|
+
--foreground: oklch(0.921 0.014 105); /* #e7e6d9 bone */
|
|
42
|
+
--card: oklch(0.23 0.002 105);
|
|
43
|
+
--card-foreground: oklch(0.921 0.014 105);
|
|
44
|
+
--popover: oklch(0.23 0.002 105);
|
|
45
|
+
--popover-foreground: oklch(0.921 0.014 105);
|
|
46
|
+
--primary: oklch(0.57 0.24 285); /* electric ultraviolet, lifted for dark (#815ef6) */
|
|
47
|
+
--primary-foreground: oklch(0.97 0.01 105);
|
|
48
|
+
--secondary: oklch(0.28 0.002 105); /* surface #262625 */
|
|
49
|
+
--secondary-foreground: oklch(0.921 0.014 105);
|
|
50
|
+
--muted: oklch(0.28 0.002 105);
|
|
51
|
+
--muted-foreground: oklch(0.73 0.009 105); /* #b0afa6 warm grey */
|
|
52
|
+
--accent: oklch(0.32 0.08 285); /* subtle uv */
|
|
53
|
+
--accent-foreground: oklch(0.921 0.014 105);
|
|
54
|
+
--destructive: oklch(0.58 0.23 27);
|
|
55
|
+
--destructive-foreground: oklch(0.97 0.01 105);
|
|
56
|
+
--border: oklch(0.36 0.004 105); /* #42413e */
|
|
57
|
+
--input: oklch(0.36 0.004 105);
|
|
58
|
+
--ring: oklch(0.57 0.24 285);
|
|
59
|
+
--sidebar: oklch(0.19 0.002 105);
|
|
60
|
+
--sidebar-foreground: oklch(0.921 0.014 105);
|
|
61
|
+
--sidebar-accent: oklch(0.32 0.08 285);
|
|
62
|
+
--sidebar-accent-foreground: oklch(0.921 0.014 105);
|
|
63
|
+
}
|