omgkit 2.28.0 → 2.29.0
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/README.md +48 -1
- package/bin/omgkit.js +10 -1
- package/lib/cli.js +58 -4
- package/lib/theme.js +571 -0
- package/package.json +2 -2
- package/plugin/agents/ui-ux-designer.md +25 -0
- package/plugin/commands/design/add.md +86 -0
- package/plugin/commands/design/builder.md +96 -0
- package/plugin/commands/design/from-screenshot.md +64 -0
- package/plugin/commands/design/from-url.md +74 -0
- package/plugin/commands/design/preview.md +55 -0
- package/plugin/commands/design/reset.md +65 -0
- package/plugin/commands/design/theme.md +65 -0
- package/plugin/commands/design/themes.md +50 -0
- package/plugin/registry.yaml +8 -0
- package/templates/design/schema/theme.schema.json +102 -0
- package/templates/design/themes/corporate-enterprise/consulting.json +81 -0
- package/templates/design/themes/corporate-enterprise/corporate-indigo.json +81 -0
- package/templates/design/themes/corporate-enterprise/finance.json +81 -0
- package/templates/design/themes/corporate-enterprise/healthcare.json +81 -0
- package/templates/design/themes/corporate-enterprise/legal.json +81 -0
- package/templates/design/themes/corporate-enterprise/ocean-blue.json +81 -0
- package/templates/design/themes/creative-bold/candy.json +81 -0
- package/templates/design/themes/creative-bold/coral-sunset.json +81 -0
- package/templates/design/themes/creative-bold/gradient-dream.json +81 -0
- package/templates/design/themes/creative-bold/neon.json +81 -0
- package/templates/design/themes/creative-bold/retro.json +81 -0
- package/templates/design/themes/creative-bold/studio.json +81 -0
- package/templates/design/themes/minimal-clean/minimal-slate.json +81 -0
- package/templates/design/themes/minimal-clean/mono.json +81 -0
- package/templates/design/themes/minimal-clean/nordic.json +81 -0
- package/templates/design/themes/minimal-clean/paper.json +81 -0
- package/templates/design/themes/minimal-clean/swiss.json +81 -0
- package/templates/design/themes/minimal-clean/zen.json +81 -0
- package/templates/design/themes/nature-organic/arctic.json +81 -0
- package/templates/design/themes/nature-organic/autumn.json +81 -0
- package/templates/design/themes/nature-organic/desert.json +81 -0
- package/templates/design/themes/nature-organic/forest.json +81 -0
- package/templates/design/themes/nature-organic/lavender.json +81 -0
- package/templates/design/themes/nature-organic/ocean.json +81 -0
- package/templates/design/themes/tech-ai/electric-cyan.json +81 -0
- package/templates/design/themes/tech-ai/hologram.json +81 -0
- package/templates/design/themes/tech-ai/matrix-green.json +81 -0
- package/templates/design/themes/tech-ai/neo-tokyo.json +81 -0
- package/templates/design/themes/tech-ai/neural-dark.json +81 -0
- package/templates/design/themes/tech-ai/quantum-purple.json +81 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Corporate Indigo",
|
|
3
|
+
"id": "corporate-indigo",
|
|
4
|
+
"category": "corporate-enterprise",
|
|
5
|
+
"description": "Professional SaaS aesthetic like Stripe and Intercom",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "224 71.4% 4.1%",
|
|
10
|
+
"primary": "238.7 83.5% 66.7%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "220 14.3% 95.9%",
|
|
13
|
+
"secondary-foreground": "220.9 39.3% 11%",
|
|
14
|
+
"muted": "220 14.3% 95.9%",
|
|
15
|
+
"muted-foreground": "220 8.9% 46.1%",
|
|
16
|
+
"accent": "220 14.3% 95.9%",
|
|
17
|
+
"accent-foreground": "220.9 39.3% 11%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "220 13% 91%",
|
|
21
|
+
"input": "220 13% 91%",
|
|
22
|
+
"ring": "238.7 83.5% 66.7%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "224 71.4% 4.1%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "224 71.4% 4.1%",
|
|
27
|
+
"chart-1": "238.7 83.5% 66.7%",
|
|
28
|
+
"chart-2": "173 58% 39%",
|
|
29
|
+
"chart-3": "197 37% 24%",
|
|
30
|
+
"chart-4": "43 74% 66%",
|
|
31
|
+
"chart-5": "27 87% 67%",
|
|
32
|
+
"sidebar-background": "0 0% 98%",
|
|
33
|
+
"sidebar-foreground": "240 5.3% 26.1%",
|
|
34
|
+
"sidebar-primary": "238.7 83.5% 66.7%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 98%",
|
|
36
|
+
"sidebar-accent": "240 4.8% 95.9%",
|
|
37
|
+
"sidebar-accent-foreground": "240 5.9% 10%",
|
|
38
|
+
"sidebar-border": "220 13% 91%",
|
|
39
|
+
"sidebar-ring": "238.7 83.5% 66.7%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "224 71.4% 4.1%",
|
|
43
|
+
"foreground": "210 20% 98%",
|
|
44
|
+
"primary": "238.7 83.5% 66.7%",
|
|
45
|
+
"primary-foreground": "0 0% 100%",
|
|
46
|
+
"secondary": "215 27.9% 16.9%",
|
|
47
|
+
"secondary-foreground": "210 20% 98%",
|
|
48
|
+
"muted": "215 27.9% 16.9%",
|
|
49
|
+
"muted-foreground": "217.9 10.6% 64.9%",
|
|
50
|
+
"accent": "215 27.9% 16.9%",
|
|
51
|
+
"accent-foreground": "210 20% 98%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "210 20% 98%",
|
|
54
|
+
"border": "215 27.9% 16.9%",
|
|
55
|
+
"input": "215 27.9% 16.9%",
|
|
56
|
+
"ring": "238.7 83.5% 66.7%",
|
|
57
|
+
"card": "224 71.4% 4.1%",
|
|
58
|
+
"card-foreground": "210 20% 98%",
|
|
59
|
+
"popover": "224 71.4% 4.1%",
|
|
60
|
+
"popover-foreground": "210 20% 98%",
|
|
61
|
+
"chart-1": "220 70% 50%",
|
|
62
|
+
"chart-2": "160 60% 45%",
|
|
63
|
+
"chart-3": "30 80% 55%",
|
|
64
|
+
"chart-4": "280 65% 60%",
|
|
65
|
+
"chart-5": "340 75% 55%",
|
|
66
|
+
"sidebar-background": "224 71.4% 4.1%",
|
|
67
|
+
"sidebar-foreground": "210 20% 98%",
|
|
68
|
+
"sidebar-primary": "238.7 83.5% 66.7%",
|
|
69
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
70
|
+
"sidebar-accent": "215 27.9% 16.9%",
|
|
71
|
+
"sidebar-accent-foreground": "210 20% 98%",
|
|
72
|
+
"sidebar-border": "215 27.9% 16.9%",
|
|
73
|
+
"sidebar-ring": "238.7 83.5% 66.7%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.5rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Finance",
|
|
3
|
+
"id": "finance",
|
|
4
|
+
"category": "corporate-enterprise",
|
|
5
|
+
"description": "Banking and fintech aesthetic like Bloomberg and Robinhood",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "175 60% 8%",
|
|
10
|
+
"primary": "173 80% 30%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "170 30% 95%",
|
|
13
|
+
"secondary-foreground": "175 60% 12%",
|
|
14
|
+
"muted": "170 30% 95%",
|
|
15
|
+
"muted-foreground": "175 20% 45%",
|
|
16
|
+
"accent": "45 93% 47%",
|
|
17
|
+
"accent-foreground": "175 60% 8%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "170 20% 88%",
|
|
21
|
+
"input": "170 20% 88%",
|
|
22
|
+
"ring": "173 80% 30%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "175 60% 8%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "175 60% 8%",
|
|
27
|
+
"chart-1": "142.1 76.2% 36.3%",
|
|
28
|
+
"chart-2": "0 84.2% 60.2%",
|
|
29
|
+
"chart-3": "173 80% 30%",
|
|
30
|
+
"chart-4": "45 93% 47%",
|
|
31
|
+
"chart-5": "221.2 83.2% 53.3%",
|
|
32
|
+
"sidebar-background": "170 30% 97%",
|
|
33
|
+
"sidebar-foreground": "175 60% 12%",
|
|
34
|
+
"sidebar-primary": "173 80% 30%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "170 30% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "175 60% 12%",
|
|
38
|
+
"sidebar-border": "170 20% 88%",
|
|
39
|
+
"sidebar-ring": "173 80% 30%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "175 60% 5%",
|
|
43
|
+
"foreground": "170 30% 95%",
|
|
44
|
+
"primary": "173 80% 40%",
|
|
45
|
+
"primary-foreground": "175 60% 5%",
|
|
46
|
+
"secondary": "175 30% 12%",
|
|
47
|
+
"secondary-foreground": "170 30% 95%",
|
|
48
|
+
"muted": "175 30% 12%",
|
|
49
|
+
"muted-foreground": "175 20% 55%",
|
|
50
|
+
"accent": "45 93% 47%",
|
|
51
|
+
"accent-foreground": "175 60% 5%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "175 30% 15%",
|
|
55
|
+
"input": "175 30% 15%",
|
|
56
|
+
"ring": "173 80% 40%",
|
|
57
|
+
"card": "175 60% 7%",
|
|
58
|
+
"card-foreground": "170 30% 95%",
|
|
59
|
+
"popover": "175 60% 5%",
|
|
60
|
+
"popover-foreground": "170 30% 95%",
|
|
61
|
+
"chart-1": "142.1 76.2% 46.3%",
|
|
62
|
+
"chart-2": "0 84.2% 70.2%",
|
|
63
|
+
"chart-3": "173 80% 50%",
|
|
64
|
+
"chart-4": "45 93% 57%",
|
|
65
|
+
"chart-5": "221.2 83.2% 63.3%",
|
|
66
|
+
"sidebar-background": "175 60% 5%",
|
|
67
|
+
"sidebar-foreground": "170 30% 95%",
|
|
68
|
+
"sidebar-primary": "173 80% 40%",
|
|
69
|
+
"sidebar-primary-foreground": "175 60% 5%",
|
|
70
|
+
"sidebar-accent": "175 30% 12%",
|
|
71
|
+
"sidebar-accent-foreground": "170 30% 95%",
|
|
72
|
+
"sidebar-border": "175 30% 15%",
|
|
73
|
+
"sidebar-ring": "173 80% 40%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.375rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Healthcare",
|
|
3
|
+
"id": "healthcare",
|
|
4
|
+
"category": "corporate-enterprise",
|
|
5
|
+
"description": "Medical and health aesthetic for clean, trustworthy applications",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "200 50% 99%",
|
|
9
|
+
"foreground": "200 50% 8%",
|
|
10
|
+
"primary": "192 91% 36%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "200 30% 95%",
|
|
13
|
+
"secondary-foreground": "200 50% 12%",
|
|
14
|
+
"muted": "200 30% 95%",
|
|
15
|
+
"muted-foreground": "200 20% 45%",
|
|
16
|
+
"accent": "160 84% 39%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "200 20% 88%",
|
|
21
|
+
"input": "200 20% 88%",
|
|
22
|
+
"ring": "192 91% 36%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "200 50% 8%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "200 50% 8%",
|
|
27
|
+
"chart-1": "192 91% 36%",
|
|
28
|
+
"chart-2": "160 84% 39%",
|
|
29
|
+
"chart-3": "38 92% 50%",
|
|
30
|
+
"chart-4": "0 84.2% 60.2%",
|
|
31
|
+
"chart-5": "262.1 83.3% 57.8%",
|
|
32
|
+
"sidebar-background": "200 50% 97%",
|
|
33
|
+
"sidebar-foreground": "200 50% 12%",
|
|
34
|
+
"sidebar-primary": "192 91% 36%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "200 30% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "200 50% 12%",
|
|
38
|
+
"sidebar-border": "200 20% 88%",
|
|
39
|
+
"sidebar-ring": "192 91% 36%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "200 50% 5%",
|
|
43
|
+
"foreground": "200 30% 95%",
|
|
44
|
+
"primary": "192 91% 46%",
|
|
45
|
+
"primary-foreground": "200 50% 5%",
|
|
46
|
+
"secondary": "200 30% 12%",
|
|
47
|
+
"secondary-foreground": "200 30% 95%",
|
|
48
|
+
"muted": "200 30% 12%",
|
|
49
|
+
"muted-foreground": "200 20% 55%",
|
|
50
|
+
"accent": "160 84% 49%",
|
|
51
|
+
"accent-foreground": "200 50% 5%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "200 30% 15%",
|
|
55
|
+
"input": "200 30% 15%",
|
|
56
|
+
"ring": "192 91% 46%",
|
|
57
|
+
"card": "200 50% 7%",
|
|
58
|
+
"card-foreground": "200 30% 95%",
|
|
59
|
+
"popover": "200 50% 5%",
|
|
60
|
+
"popover-foreground": "200 30% 95%",
|
|
61
|
+
"chart-1": "192 91% 56%",
|
|
62
|
+
"chart-2": "160 84% 59%",
|
|
63
|
+
"chart-3": "38 92% 60%",
|
|
64
|
+
"chart-4": "0 84.2% 70.2%",
|
|
65
|
+
"chart-5": "262.1 83.3% 67.8%",
|
|
66
|
+
"sidebar-background": "200 50% 5%",
|
|
67
|
+
"sidebar-foreground": "200 30% 95%",
|
|
68
|
+
"sidebar-primary": "192 91% 46%",
|
|
69
|
+
"sidebar-primary-foreground": "200 50% 5%",
|
|
70
|
+
"sidebar-accent": "200 30% 12%",
|
|
71
|
+
"sidebar-accent-foreground": "200 30% 95%",
|
|
72
|
+
"sidebar-border": "200 30% 15%",
|
|
73
|
+
"sidebar-ring": "192 91% 46%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.5rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Legal",
|
|
3
|
+
"id": "legal",
|
|
4
|
+
"category": "corporate-enterprise",
|
|
5
|
+
"description": "Law and compliance aesthetic for authoritative applications",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "220 30% 12%",
|
|
10
|
+
"primary": "220 50% 25%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "220 20% 95%",
|
|
13
|
+
"secondary-foreground": "220 30% 15%",
|
|
14
|
+
"muted": "220 20% 95%",
|
|
15
|
+
"muted-foreground": "220 15% 45%",
|
|
16
|
+
"accent": "35 70% 40%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "220 15% 88%",
|
|
21
|
+
"input": "220 15% 88%",
|
|
22
|
+
"ring": "220 50% 25%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "220 30% 12%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "220 30% 12%",
|
|
27
|
+
"chart-1": "220 50% 25%",
|
|
28
|
+
"chart-2": "35 70% 40%",
|
|
29
|
+
"chart-3": "0 84.2% 60.2%",
|
|
30
|
+
"chart-4": "142.1 76.2% 36.3%",
|
|
31
|
+
"chart-5": "262.1 83.3% 57.8%",
|
|
32
|
+
"sidebar-background": "220 20% 97%",
|
|
33
|
+
"sidebar-foreground": "220 30% 15%",
|
|
34
|
+
"sidebar-primary": "220 50% 25%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "220 20% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "220 30% 15%",
|
|
38
|
+
"sidebar-border": "220 15% 88%",
|
|
39
|
+
"sidebar-ring": "220 50% 25%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "220 30% 6%",
|
|
43
|
+
"foreground": "220 20% 95%",
|
|
44
|
+
"primary": "220 40% 50%",
|
|
45
|
+
"primary-foreground": "0 0% 100%",
|
|
46
|
+
"secondary": "220 25% 15%",
|
|
47
|
+
"secondary-foreground": "220 20% 95%",
|
|
48
|
+
"muted": "220 25% 15%",
|
|
49
|
+
"muted-foreground": "220 15% 55%",
|
|
50
|
+
"accent": "35 70% 50%",
|
|
51
|
+
"accent-foreground": "220 30% 6%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "220 25% 18%",
|
|
55
|
+
"input": "220 25% 18%",
|
|
56
|
+
"ring": "220 40% 50%",
|
|
57
|
+
"card": "220 30% 8%",
|
|
58
|
+
"card-foreground": "220 20% 95%",
|
|
59
|
+
"popover": "220 30% 6%",
|
|
60
|
+
"popover-foreground": "220 20% 95%",
|
|
61
|
+
"chart-1": "220 40% 60%",
|
|
62
|
+
"chart-2": "35 70% 60%",
|
|
63
|
+
"chart-3": "0 84.2% 70.2%",
|
|
64
|
+
"chart-4": "142.1 76.2% 46.3%",
|
|
65
|
+
"chart-5": "262.1 83.3% 67.8%",
|
|
66
|
+
"sidebar-background": "220 30% 6%",
|
|
67
|
+
"sidebar-foreground": "220 20% 95%",
|
|
68
|
+
"sidebar-primary": "220 40% 50%",
|
|
69
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
70
|
+
"sidebar-accent": "220 25% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "220 20% 95%",
|
|
72
|
+
"sidebar-border": "220 25% 18%",
|
|
73
|
+
"sidebar-ring": "220 40% 50%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.25rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Georgia, serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Ocean Blue",
|
|
3
|
+
"id": "ocean-blue",
|
|
4
|
+
"category": "corporate-enterprise",
|
|
5
|
+
"description": "Enterprise trustworthy aesthetic like IBM and Salesforce",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "222.2 84% 4.9%",
|
|
10
|
+
"primary": "221.2 83.2% 53.3%",
|
|
11
|
+
"primary-foreground": "210 40% 98%",
|
|
12
|
+
"secondary": "210 40% 96.1%",
|
|
13
|
+
"secondary-foreground": "222.2 47.4% 11.2%",
|
|
14
|
+
"muted": "210 40% 96.1%",
|
|
15
|
+
"muted-foreground": "215.4 16.3% 46.9%",
|
|
16
|
+
"accent": "210 40% 96.1%",
|
|
17
|
+
"accent-foreground": "222.2 47.4% 11.2%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "210 40% 98%",
|
|
20
|
+
"border": "214.3 31.8% 91.4%",
|
|
21
|
+
"input": "214.3 31.8% 91.4%",
|
|
22
|
+
"ring": "221.2 83.2% 53.3%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "222.2 84% 4.9%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "222.2 84% 4.9%",
|
|
27
|
+
"chart-1": "221.2 83.2% 53.3%",
|
|
28
|
+
"chart-2": "212 95% 68%",
|
|
29
|
+
"chart-3": "38 92% 50%",
|
|
30
|
+
"chart-4": "142.1 76.2% 36.3%",
|
|
31
|
+
"chart-5": "0 84.2% 60.2%",
|
|
32
|
+
"sidebar-background": "0 0% 98%",
|
|
33
|
+
"sidebar-foreground": "240 5.3% 26.1%",
|
|
34
|
+
"sidebar-primary": "221.2 83.2% 53.3%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 98%",
|
|
36
|
+
"sidebar-accent": "240 4.8% 95.9%",
|
|
37
|
+
"sidebar-accent-foreground": "240 5.9% 10%",
|
|
38
|
+
"sidebar-border": "220 13% 91%",
|
|
39
|
+
"sidebar-ring": "221.2 83.2% 53.3%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "222.2 84% 4.9%",
|
|
43
|
+
"foreground": "210 40% 98%",
|
|
44
|
+
"primary": "217.2 91.2% 59.8%",
|
|
45
|
+
"primary-foreground": "222.2 47.4% 11.2%",
|
|
46
|
+
"secondary": "217.2 32.6% 17.5%",
|
|
47
|
+
"secondary-foreground": "210 40% 98%",
|
|
48
|
+
"muted": "217.2 32.6% 17.5%",
|
|
49
|
+
"muted-foreground": "215 20.2% 65.1%",
|
|
50
|
+
"accent": "217.2 32.6% 17.5%",
|
|
51
|
+
"accent-foreground": "210 40% 98%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "210 40% 98%",
|
|
54
|
+
"border": "217.2 32.6% 17.5%",
|
|
55
|
+
"input": "217.2 32.6% 17.5%",
|
|
56
|
+
"ring": "224.3 76.3% 48%",
|
|
57
|
+
"card": "222.2 84% 4.9%",
|
|
58
|
+
"card-foreground": "210 40% 98%",
|
|
59
|
+
"popover": "222.2 84% 4.9%",
|
|
60
|
+
"popover-foreground": "210 40% 98%",
|
|
61
|
+
"chart-1": "220 70% 50%",
|
|
62
|
+
"chart-2": "212 95% 68%",
|
|
63
|
+
"chart-3": "38 92% 60%",
|
|
64
|
+
"chart-4": "142.1 76.2% 46.3%",
|
|
65
|
+
"chart-5": "0 84.2% 70.2%",
|
|
66
|
+
"sidebar-background": "222.2 84% 4.9%",
|
|
67
|
+
"sidebar-foreground": "210 40% 98%",
|
|
68
|
+
"sidebar-primary": "217.2 91.2% 59.8%",
|
|
69
|
+
"sidebar-primary-foreground": "222.2 47.4% 11.2%",
|
|
70
|
+
"sidebar-accent": "217.2 32.6% 17.5%",
|
|
71
|
+
"sidebar-accent-foreground": "210 40% 98%",
|
|
72
|
+
"sidebar-border": "217.2 32.6% 17.5%",
|
|
73
|
+
"sidebar-ring": "224.3 76.3% 48%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.5rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Candy",
|
|
3
|
+
"id": "candy",
|
|
4
|
+
"category": "creative-bold",
|
|
5
|
+
"description": "Playful and vibrant aesthetic like Dribbble and creative agencies",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "330 50% 99%",
|
|
9
|
+
"foreground": "330 50% 8%",
|
|
10
|
+
"primary": "330 81% 60%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "330 30% 95%",
|
|
13
|
+
"secondary-foreground": "330 50% 12%",
|
|
14
|
+
"muted": "330 30% 95%",
|
|
15
|
+
"muted-foreground": "330 20% 45%",
|
|
16
|
+
"accent": "262.1 83.3% 57.8%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "330 20% 88%",
|
|
21
|
+
"input": "330 20% 88%",
|
|
22
|
+
"ring": "330 81% 60%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "330 50% 8%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "330 50% 8%",
|
|
27
|
+
"chart-1": "330 81% 60%",
|
|
28
|
+
"chart-2": "262.1 83.3% 57.8%",
|
|
29
|
+
"chart-3": "186 91% 42.7%",
|
|
30
|
+
"chart-4": "38 92% 50%",
|
|
31
|
+
"chart-5": "142.1 76.2% 36.3%",
|
|
32
|
+
"sidebar-background": "330 50% 97%",
|
|
33
|
+
"sidebar-foreground": "330 50% 12%",
|
|
34
|
+
"sidebar-primary": "330 81% 60%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "330 30% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "330 50% 12%",
|
|
38
|
+
"sidebar-border": "330 20% 88%",
|
|
39
|
+
"sidebar-ring": "330 81% 60%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "330 50% 5%",
|
|
43
|
+
"foreground": "330 30% 95%",
|
|
44
|
+
"primary": "330 81% 60%",
|
|
45
|
+
"primary-foreground": "0 0% 100%",
|
|
46
|
+
"secondary": "330 30% 12%",
|
|
47
|
+
"secondary-foreground": "330 30% 95%",
|
|
48
|
+
"muted": "330 30% 12%",
|
|
49
|
+
"muted-foreground": "330 20% 55%",
|
|
50
|
+
"accent": "262.1 83.3% 57.8%",
|
|
51
|
+
"accent-foreground": "0 0% 100%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "330 30% 15%",
|
|
55
|
+
"input": "330 30% 15%",
|
|
56
|
+
"ring": "330 81% 60%",
|
|
57
|
+
"card": "330 50% 7%",
|
|
58
|
+
"card-foreground": "330 30% 95%",
|
|
59
|
+
"popover": "330 50% 5%",
|
|
60
|
+
"popover-foreground": "330 30% 95%",
|
|
61
|
+
"chart-1": "330 81% 70%",
|
|
62
|
+
"chart-2": "262.1 83.3% 67.8%",
|
|
63
|
+
"chart-3": "186 91% 52.7%",
|
|
64
|
+
"chart-4": "38 92% 60%",
|
|
65
|
+
"chart-5": "142.1 76.2% 46.3%",
|
|
66
|
+
"sidebar-background": "330 50% 5%",
|
|
67
|
+
"sidebar-foreground": "330 30% 95%",
|
|
68
|
+
"sidebar-primary": "330 81% 60%",
|
|
69
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
70
|
+
"sidebar-accent": "330 30% 12%",
|
|
71
|
+
"sidebar-accent-foreground": "330 30% 95%",
|
|
72
|
+
"sidebar-border": "330 30% 15%",
|
|
73
|
+
"sidebar-ring": "330 81% 60%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "1rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Coral Sunset",
|
|
3
|
+
"id": "coral-sunset",
|
|
4
|
+
"category": "creative-bold",
|
|
5
|
+
"description": "Warm, creative aesthetic like Figma and Framer",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "20 14.3% 4.1%",
|
|
10
|
+
"primary": "24.6 95% 53.1%",
|
|
11
|
+
"primary-foreground": "60 9.1% 97.8%",
|
|
12
|
+
"secondary": "60 4.8% 95.9%",
|
|
13
|
+
"secondary-foreground": "24 9.8% 10%",
|
|
14
|
+
"muted": "60 4.8% 95.9%",
|
|
15
|
+
"muted-foreground": "25 5.3% 44.7%",
|
|
16
|
+
"accent": "60 4.8% 95.9%",
|
|
17
|
+
"accent-foreground": "24 9.8% 10%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "60 9.1% 97.8%",
|
|
20
|
+
"border": "20 5.9% 90%",
|
|
21
|
+
"input": "20 5.9% 90%",
|
|
22
|
+
"ring": "24.6 95% 53.1%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "20 14.3% 4.1%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "20 14.3% 4.1%",
|
|
27
|
+
"chart-1": "24.6 95% 53.1%",
|
|
28
|
+
"chart-2": "173 58% 39%",
|
|
29
|
+
"chart-3": "197 37% 24%",
|
|
30
|
+
"chart-4": "43 74% 66%",
|
|
31
|
+
"chart-5": "27 87% 67%",
|
|
32
|
+
"sidebar-background": "0 0% 98%",
|
|
33
|
+
"sidebar-foreground": "20 14.3% 4.1%",
|
|
34
|
+
"sidebar-primary": "24.6 95% 53.1%",
|
|
35
|
+
"sidebar-primary-foreground": "60 9.1% 97.8%",
|
|
36
|
+
"sidebar-accent": "60 4.8% 95.9%",
|
|
37
|
+
"sidebar-accent-foreground": "24 9.8% 10%",
|
|
38
|
+
"sidebar-border": "20 5.9% 90%",
|
|
39
|
+
"sidebar-ring": "24.6 95% 53.1%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "20 14.3% 4.1%",
|
|
43
|
+
"foreground": "60 9.1% 97.8%",
|
|
44
|
+
"primary": "20.5 90.2% 48.2%",
|
|
45
|
+
"primary-foreground": "60 9.1% 97.8%",
|
|
46
|
+
"secondary": "12 6.5% 15.1%",
|
|
47
|
+
"secondary-foreground": "60 9.1% 97.8%",
|
|
48
|
+
"muted": "12 6.5% 15.1%",
|
|
49
|
+
"muted-foreground": "24 5.4% 63.9%",
|
|
50
|
+
"accent": "12 6.5% 15.1%",
|
|
51
|
+
"accent-foreground": "60 9.1% 97.8%",
|
|
52
|
+
"destructive": "0 72.2% 50.6%",
|
|
53
|
+
"destructive-foreground": "60 9.1% 97.8%",
|
|
54
|
+
"border": "12 6.5% 15.1%",
|
|
55
|
+
"input": "12 6.5% 15.1%",
|
|
56
|
+
"ring": "20.5 90.2% 48.2%",
|
|
57
|
+
"card": "20 14.3% 4.1%",
|
|
58
|
+
"card-foreground": "60 9.1% 97.8%",
|
|
59
|
+
"popover": "20 14.3% 4.1%",
|
|
60
|
+
"popover-foreground": "60 9.1% 97.8%",
|
|
61
|
+
"chart-1": "220 70% 50%",
|
|
62
|
+
"chart-2": "160 60% 45%",
|
|
63
|
+
"chart-3": "30 80% 55%",
|
|
64
|
+
"chart-4": "280 65% 60%",
|
|
65
|
+
"chart-5": "340 75% 55%",
|
|
66
|
+
"sidebar-background": "20 14.3% 4.1%",
|
|
67
|
+
"sidebar-foreground": "60 9.1% 97.8%",
|
|
68
|
+
"sidebar-primary": "20.5 90.2% 48.2%",
|
|
69
|
+
"sidebar-primary-foreground": "60 9.1% 97.8%",
|
|
70
|
+
"sidebar-accent": "12 6.5% 15.1%",
|
|
71
|
+
"sidebar-accent-foreground": "60 9.1% 97.8%",
|
|
72
|
+
"sidebar-border": "12 6.5% 15.1%",
|
|
73
|
+
"sidebar-ring": "20.5 90.2% 48.2%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.75rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Gradient Dream",
|
|
3
|
+
"id": "gradient-dream",
|
|
4
|
+
"category": "creative-bold",
|
|
5
|
+
"description": "Gradient-heavy aesthetic like Instagram and Spotify Wrapped",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "270 50% 10%",
|
|
10
|
+
"primary": "262.1 83.3% 57.8%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "270 30% 95%",
|
|
13
|
+
"secondary-foreground": "270 50% 15%",
|
|
14
|
+
"muted": "270 30% 95%",
|
|
15
|
+
"muted-foreground": "270 20% 45%",
|
|
16
|
+
"accent": "330 81% 60%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "270 20% 88%",
|
|
21
|
+
"input": "270 20% 88%",
|
|
22
|
+
"ring": "262.1 83.3% 57.8%",
|
|
23
|
+
"card": "0 0% 100%",
|
|
24
|
+
"card-foreground": "270 50% 10%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "270 50% 10%",
|
|
27
|
+
"chart-1": "262.1 83.3% 57.8%",
|
|
28
|
+
"chart-2": "330 81% 60%",
|
|
29
|
+
"chart-3": "186 91% 42.7%",
|
|
30
|
+
"chart-4": "38 92% 50%",
|
|
31
|
+
"chart-5": "142.1 76.2% 36.3%",
|
|
32
|
+
"sidebar-background": "270 30% 97%",
|
|
33
|
+
"sidebar-foreground": "270 50% 15%",
|
|
34
|
+
"sidebar-primary": "262.1 83.3% 57.8%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "270 30% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "270 50% 15%",
|
|
38
|
+
"sidebar-border": "270 20% 88%",
|
|
39
|
+
"sidebar-ring": "262.1 83.3% 57.8%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "270 50% 5%",
|
|
43
|
+
"foreground": "270 30% 95%",
|
|
44
|
+
"primary": "262.1 83.3% 57.8%",
|
|
45
|
+
"primary-foreground": "0 0% 100%",
|
|
46
|
+
"secondary": "270 30% 12%",
|
|
47
|
+
"secondary-foreground": "270 30% 95%",
|
|
48
|
+
"muted": "270 30% 12%",
|
|
49
|
+
"muted-foreground": "270 20% 55%",
|
|
50
|
+
"accent": "330 81% 60%",
|
|
51
|
+
"accent-foreground": "0 0% 100%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "270 30% 15%",
|
|
55
|
+
"input": "270 30% 15%",
|
|
56
|
+
"ring": "262.1 83.3% 57.8%",
|
|
57
|
+
"card": "270 50% 7%",
|
|
58
|
+
"card-foreground": "270 30% 95%",
|
|
59
|
+
"popover": "270 50% 5%",
|
|
60
|
+
"popover-foreground": "270 30% 95%",
|
|
61
|
+
"chart-1": "262.1 83.3% 67.8%",
|
|
62
|
+
"chart-2": "330 81% 70%",
|
|
63
|
+
"chart-3": "186 91% 52.7%",
|
|
64
|
+
"chart-4": "38 92% 60%",
|
|
65
|
+
"chart-5": "142.1 76.2% 46.3%",
|
|
66
|
+
"sidebar-background": "270 50% 5%",
|
|
67
|
+
"sidebar-foreground": "270 30% 95%",
|
|
68
|
+
"sidebar-primary": "262.1 83.3% 57.8%",
|
|
69
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
70
|
+
"sidebar-accent": "270 30% 12%",
|
|
71
|
+
"sidebar-accent-foreground": "270 30% 95%",
|
|
72
|
+
"sidebar-border": "270 30% 15%",
|
|
73
|
+
"sidebar-ring": "262.1 83.3% 57.8%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "0.75rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|