omgkit 2.27.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 +57 -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/sprint-master.md +1 -0
- 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/commands/sprint/ship.md +264 -0
- package/plugin/registry.yaml +12 -3
- package/plugin/workflows/sprint/sprint-execution.md +14 -0
- package/plugin/workflows/sprint/sprint-retrospective.md +1 -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
- package/templates/omgkit/workflow.yaml +46 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Arctic",
|
|
3
|
+
"id": "arctic",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Cold, clean aesthetic inspired by winter and ice",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "210 40% 98%",
|
|
9
|
+
"foreground": "222.2 84% 4.9%",
|
|
10
|
+
"primary": "199 89% 48%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
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": "199 89% 48%",
|
|
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": "199 89% 48%",
|
|
28
|
+
"chart-2": "24.6 95% 53.1%",
|
|
29
|
+
"chart-3": "142.1 76.2% 36.3%",
|
|
30
|
+
"chart-4": "262.1 83.3% 57.8%",
|
|
31
|
+
"chart-5": "346.8 77.2% 49.8%",
|
|
32
|
+
"sidebar-background": "210 40% 96%",
|
|
33
|
+
"sidebar-foreground": "222.2 47.4% 11.2%",
|
|
34
|
+
"sidebar-primary": "199 89% 48%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "210 40% 94%",
|
|
37
|
+
"sidebar-accent-foreground": "222.2 47.4% 11.2%",
|
|
38
|
+
"sidebar-border": "214.3 31.8% 91.4%",
|
|
39
|
+
"sidebar-ring": "199 89% 48%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "222.2 84% 4.9%",
|
|
43
|
+
"foreground": "210 40% 98%",
|
|
44
|
+
"primary": "199 89% 48%",
|
|
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": "199 89% 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": "199 89% 58%",
|
|
62
|
+
"chart-2": "24.6 95% 63.1%",
|
|
63
|
+
"chart-3": "142.1 76.2% 46.3%",
|
|
64
|
+
"chart-4": "262.1 83.3% 67.8%",
|
|
65
|
+
"chart-5": "346.8 77.2% 59.8%",
|
|
66
|
+
"sidebar-background": "222.2 84% 4.9%",
|
|
67
|
+
"sidebar-foreground": "210 40% 98%",
|
|
68
|
+
"sidebar-primary": "199 89% 48%",
|
|
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": "199 89% 48%"
|
|
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": "Autumn",
|
|
3
|
+
"id": "autumn",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Warm fall aesthetic with rich harvest colors",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "30 40% 98%",
|
|
9
|
+
"foreground": "15 60% 12%",
|
|
10
|
+
"primary": "15 80% 45%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "30 30% 93%",
|
|
13
|
+
"secondary-foreground": "15 60% 18%",
|
|
14
|
+
"muted": "30 30% 93%",
|
|
15
|
+
"muted-foreground": "25 20% 45%",
|
|
16
|
+
"accent": "142.1 76.2% 36.3%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "30 25% 85%",
|
|
21
|
+
"input": "30 25% 85%",
|
|
22
|
+
"ring": "15 80% 45%",
|
|
23
|
+
"card": "30 40% 99%",
|
|
24
|
+
"card-foreground": "15 60% 12%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "15 60% 12%",
|
|
27
|
+
"chart-1": "15 80% 45%",
|
|
28
|
+
"chart-2": "25 90% 50%",
|
|
29
|
+
"chart-3": "142.1 76.2% 36.3%",
|
|
30
|
+
"chart-4": "45 85% 50%",
|
|
31
|
+
"chart-5": "0 70% 55%",
|
|
32
|
+
"sidebar-background": "30 40% 95%",
|
|
33
|
+
"sidebar-foreground": "15 60% 18%",
|
|
34
|
+
"sidebar-primary": "15 80% 45%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "30 30% 90%",
|
|
37
|
+
"sidebar-accent-foreground": "15 60% 18%",
|
|
38
|
+
"sidebar-border": "30 25% 85%",
|
|
39
|
+
"sidebar-ring": "15 80% 45%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "15 60% 6%",
|
|
43
|
+
"foreground": "30 30% 93%",
|
|
44
|
+
"primary": "15 70% 52%",
|
|
45
|
+
"primary-foreground": "15 60% 6%",
|
|
46
|
+
"secondary": "15 30% 15%",
|
|
47
|
+
"secondary-foreground": "30 30% 93%",
|
|
48
|
+
"muted": "15 30% 15%",
|
|
49
|
+
"muted-foreground": "25 20% 55%",
|
|
50
|
+
"accent": "142.1 70.6% 45.3%",
|
|
51
|
+
"accent-foreground": "15 60% 6%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "15 30% 18%",
|
|
55
|
+
"input": "15 30% 18%",
|
|
56
|
+
"ring": "15 70% 52%",
|
|
57
|
+
"card": "15 60% 8%",
|
|
58
|
+
"card-foreground": "30 30% 93%",
|
|
59
|
+
"popover": "15 60% 6%",
|
|
60
|
+
"popover-foreground": "30 30% 93%",
|
|
61
|
+
"chart-1": "15 70% 62%",
|
|
62
|
+
"chart-2": "25 90% 60%",
|
|
63
|
+
"chart-3": "142.1 70.6% 46.3%",
|
|
64
|
+
"chart-4": "45 85% 60%",
|
|
65
|
+
"chart-5": "0 70% 65%",
|
|
66
|
+
"sidebar-background": "15 60% 6%",
|
|
67
|
+
"sidebar-foreground": "30 30% 93%",
|
|
68
|
+
"sidebar-primary": "15 70% 52%",
|
|
69
|
+
"sidebar-primary-foreground": "15 60% 6%",
|
|
70
|
+
"sidebar-accent": "15 30% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "30 30% 93%",
|
|
72
|
+
"sidebar-border": "15 30% 18%",
|
|
73
|
+
"sidebar-ring": "15 70% 52%"
|
|
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": "Desert",
|
|
3
|
+
"id": "desert",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Warm earth tones inspired by southwest landscapes",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "35 40% 98%",
|
|
9
|
+
"foreground": "25 50% 12%",
|
|
10
|
+
"primary": "25 80% 42%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "35 30% 93%",
|
|
13
|
+
"secondary-foreground": "25 50% 18%",
|
|
14
|
+
"muted": "35 30% 93%",
|
|
15
|
+
"muted-foreground": "30 20% 45%",
|
|
16
|
+
"accent": "192 70% 45%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "35 25% 85%",
|
|
21
|
+
"input": "35 25% 85%",
|
|
22
|
+
"ring": "25 80% 42%",
|
|
23
|
+
"card": "35 40% 99%",
|
|
24
|
+
"card-foreground": "25 50% 12%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "25 50% 12%",
|
|
27
|
+
"chart-1": "25 80% 42%",
|
|
28
|
+
"chart-2": "35 70% 55%",
|
|
29
|
+
"chart-3": "192 70% 45%",
|
|
30
|
+
"chart-4": "142.1 76.2% 36.3%",
|
|
31
|
+
"chart-5": "0 70% 55%",
|
|
32
|
+
"sidebar-background": "35 40% 95%",
|
|
33
|
+
"sidebar-foreground": "25 50% 18%",
|
|
34
|
+
"sidebar-primary": "25 80% 42%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "35 30% 90%",
|
|
37
|
+
"sidebar-accent-foreground": "25 50% 18%",
|
|
38
|
+
"sidebar-border": "35 25% 85%",
|
|
39
|
+
"sidebar-ring": "25 80% 42%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "25 50% 7%",
|
|
43
|
+
"foreground": "35 30% 93%",
|
|
44
|
+
"primary": "25 70% 50%",
|
|
45
|
+
"primary-foreground": "25 50% 7%",
|
|
46
|
+
"secondary": "25 30% 15%",
|
|
47
|
+
"secondary-foreground": "35 30% 93%",
|
|
48
|
+
"muted": "25 30% 15%",
|
|
49
|
+
"muted-foreground": "30 20% 55%",
|
|
50
|
+
"accent": "192 70% 50%",
|
|
51
|
+
"accent-foreground": "25 50% 7%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "25 30% 18%",
|
|
55
|
+
"input": "25 30% 18%",
|
|
56
|
+
"ring": "25 70% 50%",
|
|
57
|
+
"card": "25 50% 9%",
|
|
58
|
+
"card-foreground": "35 30% 93%",
|
|
59
|
+
"popover": "25 50% 7%",
|
|
60
|
+
"popover-foreground": "35 30% 93%",
|
|
61
|
+
"chart-1": "25 70% 60%",
|
|
62
|
+
"chart-2": "35 70% 65%",
|
|
63
|
+
"chart-3": "192 70% 55%",
|
|
64
|
+
"chart-4": "142.1 76.2% 46.3%",
|
|
65
|
+
"chart-5": "0 70% 65%",
|
|
66
|
+
"sidebar-background": "25 50% 7%",
|
|
67
|
+
"sidebar-foreground": "35 30% 93%",
|
|
68
|
+
"sidebar-primary": "25 70% 50%",
|
|
69
|
+
"sidebar-primary-foreground": "25 50% 7%",
|
|
70
|
+
"sidebar-accent": "25 30% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "35 30% 93%",
|
|
72
|
+
"sidebar-border": "25 30% 18%",
|
|
73
|
+
"sidebar-ring": "25 70% 50%"
|
|
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": "Forest",
|
|
3
|
+
"id": "forest",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Deep nature aesthetic for outdoor and eco-tech brands",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "138 50% 98%",
|
|
9
|
+
"foreground": "142.1 76.2% 5%",
|
|
10
|
+
"primary": "142.1 76.2% 36.3%",
|
|
11
|
+
"primary-foreground": "355.7 100% 97.3%",
|
|
12
|
+
"secondary": "138 50% 95%",
|
|
13
|
+
"secondary-foreground": "142.1 76.2% 10%",
|
|
14
|
+
"muted": "138 50% 95%",
|
|
15
|
+
"muted-foreground": "142 20% 40%",
|
|
16
|
+
"accent": "138 50% 95%",
|
|
17
|
+
"accent-foreground": "142.1 76.2% 10%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "138 30% 88%",
|
|
21
|
+
"input": "138 30% 88%",
|
|
22
|
+
"ring": "142.1 76.2% 36.3%",
|
|
23
|
+
"card": "138 50% 99%",
|
|
24
|
+
"card-foreground": "142.1 76.2% 5%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "142.1 76.2% 5%",
|
|
27
|
+
"chart-1": "142.1 76.2% 36.3%",
|
|
28
|
+
"chart-2": "160 60% 45%",
|
|
29
|
+
"chart-3": "30 80% 55%",
|
|
30
|
+
"chart-4": "280 65% 60%",
|
|
31
|
+
"chart-5": "340 75% 55%",
|
|
32
|
+
"sidebar-background": "138 50% 96%",
|
|
33
|
+
"sidebar-foreground": "142.1 76.2% 10%",
|
|
34
|
+
"sidebar-primary": "142.1 76.2% 36.3%",
|
|
35
|
+
"sidebar-primary-foreground": "355.7 100% 97.3%",
|
|
36
|
+
"sidebar-accent": "138 50% 93%",
|
|
37
|
+
"sidebar-accent-foreground": "142.1 76.2% 10%",
|
|
38
|
+
"sidebar-border": "138 30% 88%",
|
|
39
|
+
"sidebar-ring": "142.1 76.2% 36.3%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "142.1 50% 5%",
|
|
43
|
+
"foreground": "138 50% 95%",
|
|
44
|
+
"primary": "142.1 70.6% 45.3%",
|
|
45
|
+
"primary-foreground": "144.9 80.4% 10%",
|
|
46
|
+
"secondary": "142.4 30% 15%",
|
|
47
|
+
"secondary-foreground": "138 50% 95%",
|
|
48
|
+
"muted": "142.4 30% 15%",
|
|
49
|
+
"muted-foreground": "138 30% 60%",
|
|
50
|
+
"accent": "142.4 30% 15%",
|
|
51
|
+
"accent-foreground": "138 50% 95%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "142.4 30% 18%",
|
|
55
|
+
"input": "142.4 30% 18%",
|
|
56
|
+
"ring": "142.1 70.6% 45.3%",
|
|
57
|
+
"card": "142.1 50% 7%",
|
|
58
|
+
"card-foreground": "138 50% 95%",
|
|
59
|
+
"popover": "142.1 50% 5%",
|
|
60
|
+
"popover-foreground": "138 50% 95%",
|
|
61
|
+
"chart-1": "142.1 70.6% 45.3%",
|
|
62
|
+
"chart-2": "160 60% 55%",
|
|
63
|
+
"chart-3": "30 80% 65%",
|
|
64
|
+
"chart-4": "280 65% 70%",
|
|
65
|
+
"chart-5": "340 75% 65%",
|
|
66
|
+
"sidebar-background": "142.1 50% 5%",
|
|
67
|
+
"sidebar-foreground": "138 50% 95%",
|
|
68
|
+
"sidebar-primary": "142.1 70.6% 45.3%",
|
|
69
|
+
"sidebar-primary-foreground": "144.9 80.4% 10%",
|
|
70
|
+
"sidebar-accent": "142.4 30% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "138 50% 95%",
|
|
72
|
+
"sidebar-border": "142.4 30% 18%",
|
|
73
|
+
"sidebar-ring": "142.1 70.6% 45.3%"
|
|
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": "Lavender",
|
|
3
|
+
"id": "lavender",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Soft purple nature aesthetic inspired by Provence",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "270 50% 99%",
|
|
9
|
+
"foreground": "270 50% 10%",
|
|
10
|
+
"primary": "270 60% 50%",
|
|
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": "90 60% 45%",
|
|
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": "270 60% 50%",
|
|
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": "270 60% 50%",
|
|
28
|
+
"chart-2": "90 60% 45%",
|
|
29
|
+
"chart-3": "200 70% 50%",
|
|
30
|
+
"chart-4": "330 60% 55%",
|
|
31
|
+
"chart-5": "45 70% 55%",
|
|
32
|
+
"sidebar-background": "270 50% 97%",
|
|
33
|
+
"sidebar-foreground": "270 50% 15%",
|
|
34
|
+
"sidebar-primary": "270 60% 50%",
|
|
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": "270 60% 50%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "270 50% 6%",
|
|
43
|
+
"foreground": "270 30% 95%",
|
|
44
|
+
"primary": "270 60% 60%",
|
|
45
|
+
"primary-foreground": "270 50% 6%",
|
|
46
|
+
"secondary": "270 30% 15%",
|
|
47
|
+
"secondary-foreground": "270 30% 95%",
|
|
48
|
+
"muted": "270 30% 15%",
|
|
49
|
+
"muted-foreground": "270 20% 55%",
|
|
50
|
+
"accent": "90 60% 50%",
|
|
51
|
+
"accent-foreground": "270 50% 6%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "270 30% 18%",
|
|
55
|
+
"input": "270 30% 18%",
|
|
56
|
+
"ring": "270 60% 60%",
|
|
57
|
+
"card": "270 50% 8%",
|
|
58
|
+
"card-foreground": "270 30% 95%",
|
|
59
|
+
"popover": "270 50% 6%",
|
|
60
|
+
"popover-foreground": "270 30% 95%",
|
|
61
|
+
"chart-1": "270 60% 70%",
|
|
62
|
+
"chart-2": "90 60% 55%",
|
|
63
|
+
"chart-3": "200 70% 60%",
|
|
64
|
+
"chart-4": "330 60% 65%",
|
|
65
|
+
"chart-5": "45 70% 65%",
|
|
66
|
+
"sidebar-background": "270 50% 6%",
|
|
67
|
+
"sidebar-foreground": "270 30% 95%",
|
|
68
|
+
"sidebar-primary": "270 60% 60%",
|
|
69
|
+
"sidebar-primary-foreground": "270 50% 6%",
|
|
70
|
+
"sidebar-accent": "270 30% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "270 30% 95%",
|
|
72
|
+
"sidebar-border": "270 30% 18%",
|
|
73
|
+
"sidebar-ring": "270 60% 60%"
|
|
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": "Ocean",
|
|
3
|
+
"id": "ocean",
|
|
4
|
+
"category": "nature-organic",
|
|
5
|
+
"description": "Sea-inspired aesthetic with deep blue tones",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "200 60% 98%",
|
|
9
|
+
"foreground": "200 80% 10%",
|
|
10
|
+
"primary": "200 90% 35%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "200 40% 94%",
|
|
13
|
+
"secondary-foreground": "200 80% 15%",
|
|
14
|
+
"muted": "200 40% 94%",
|
|
15
|
+
"muted-foreground": "200 25% 45%",
|
|
16
|
+
"accent": "45 90% 55%",
|
|
17
|
+
"accent-foreground": "200 80% 10%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "200 30% 88%",
|
|
21
|
+
"input": "200 30% 88%",
|
|
22
|
+
"ring": "200 90% 35%",
|
|
23
|
+
"card": "200 60% 99%",
|
|
24
|
+
"card-foreground": "200 80% 10%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "200 80% 10%",
|
|
27
|
+
"chart-1": "200 90% 35%",
|
|
28
|
+
"chart-2": "200 70% 50%",
|
|
29
|
+
"chart-3": "45 90% 55%",
|
|
30
|
+
"chart-4": "160 70% 40%",
|
|
31
|
+
"chart-5": "280 60% 55%",
|
|
32
|
+
"sidebar-background": "200 60% 96%",
|
|
33
|
+
"sidebar-foreground": "200 80% 15%",
|
|
34
|
+
"sidebar-primary": "200 90% 35%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "200 40% 92%",
|
|
37
|
+
"sidebar-accent-foreground": "200 80% 15%",
|
|
38
|
+
"sidebar-border": "200 30% 88%",
|
|
39
|
+
"sidebar-ring": "200 90% 35%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "200 80% 6%",
|
|
43
|
+
"foreground": "200 40% 95%",
|
|
44
|
+
"primary": "200 90% 45%",
|
|
45
|
+
"primary-foreground": "200 80% 6%",
|
|
46
|
+
"secondary": "200 40% 15%",
|
|
47
|
+
"secondary-foreground": "200 40% 95%",
|
|
48
|
+
"muted": "200 40% 15%",
|
|
49
|
+
"muted-foreground": "200 25% 55%",
|
|
50
|
+
"accent": "45 90% 55%",
|
|
51
|
+
"accent-foreground": "200 80% 6%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "200 40% 18%",
|
|
55
|
+
"input": "200 40% 18%",
|
|
56
|
+
"ring": "200 90% 45%",
|
|
57
|
+
"card": "200 80% 8%",
|
|
58
|
+
"card-foreground": "200 40% 95%",
|
|
59
|
+
"popover": "200 80% 6%",
|
|
60
|
+
"popover-foreground": "200 40% 95%",
|
|
61
|
+
"chart-1": "200 90% 55%",
|
|
62
|
+
"chart-2": "200 70% 60%",
|
|
63
|
+
"chart-3": "45 90% 65%",
|
|
64
|
+
"chart-4": "160 70% 50%",
|
|
65
|
+
"chart-5": "280 60% 65%",
|
|
66
|
+
"sidebar-background": "200 80% 6%",
|
|
67
|
+
"sidebar-foreground": "200 40% 95%",
|
|
68
|
+
"sidebar-primary": "200 90% 45%",
|
|
69
|
+
"sidebar-primary-foreground": "200 80% 6%",
|
|
70
|
+
"sidebar-accent": "200 40% 15%",
|
|
71
|
+
"sidebar-accent-foreground": "200 40% 95%",
|
|
72
|
+
"sidebar-border": "200 40% 18%",
|
|
73
|
+
"sidebar-ring": "200 90% 45%"
|
|
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": "Electric Cyan",
|
|
3
|
+
"id": "electric-cyan",
|
|
4
|
+
"category": "tech-ai",
|
|
5
|
+
"description": "Modern AI/SaaS aesthetic with cyan primary like Vercel and Supabase",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "0 0% 100%",
|
|
9
|
+
"foreground": "222.2 84% 4.9%",
|
|
10
|
+
"primary": "186 91% 42.7%",
|
|
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": "186 91% 42.7%",
|
|
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": "186 91% 42.7%",
|
|
28
|
+
"chart-2": "262.1 83.3% 57.8%",
|
|
29
|
+
"chart-3": "24.6 95% 53.1%",
|
|
30
|
+
"chart-4": "142.1 76.2% 36.3%",
|
|
31
|
+
"chart-5": "346.8 77.2% 49.8%",
|
|
32
|
+
"sidebar-background": "0 0% 98%",
|
|
33
|
+
"sidebar-foreground": "240 5.3% 26.1%",
|
|
34
|
+
"sidebar-primary": "186 91% 42.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": "186 91% 42.7%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "222.2 84% 4.9%",
|
|
43
|
+
"foreground": "210 40% 98%",
|
|
44
|
+
"primary": "186 91% 42.7%",
|
|
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": "186 91% 42.7%",
|
|
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": "186 91% 52.7%",
|
|
62
|
+
"chart-2": "262.1 83.3% 67.8%",
|
|
63
|
+
"chart-3": "24.6 95% 63.1%",
|
|
64
|
+
"chart-4": "142.1 76.2% 46.3%",
|
|
65
|
+
"chart-5": "346.8 77.2% 59.8%",
|
|
66
|
+
"sidebar-background": "222.2 84% 4.9%",
|
|
67
|
+
"sidebar-foreground": "210 40% 98%",
|
|
68
|
+
"sidebar-primary": "186 91% 42.7%",
|
|
69
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
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": "186 91% 42.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": "Hologram",
|
|
3
|
+
"id": "hologram",
|
|
4
|
+
"category": "tech-ai",
|
|
5
|
+
"description": "AR/VR inspired aesthetic like Apple Vision Pro and Meta",
|
|
6
|
+
"colors": {
|
|
7
|
+
"light": {
|
|
8
|
+
"background": "180 50% 98%",
|
|
9
|
+
"foreground": "180 50% 5%",
|
|
10
|
+
"primary": "172 66% 50%",
|
|
11
|
+
"primary-foreground": "0 0% 100%",
|
|
12
|
+
"secondary": "180 30% 94%",
|
|
13
|
+
"secondary-foreground": "180 50% 10%",
|
|
14
|
+
"muted": "180 30% 94%",
|
|
15
|
+
"muted-foreground": "180 20% 45%",
|
|
16
|
+
"accent": "330 80% 65%",
|
|
17
|
+
"accent-foreground": "0 0% 100%",
|
|
18
|
+
"destructive": "0 84.2% 60.2%",
|
|
19
|
+
"destructive-foreground": "0 0% 98%",
|
|
20
|
+
"border": "180 20% 88%",
|
|
21
|
+
"input": "180 20% 88%",
|
|
22
|
+
"ring": "172 66% 50%",
|
|
23
|
+
"card": "180 50% 99%",
|
|
24
|
+
"card-foreground": "180 50% 5%",
|
|
25
|
+
"popover": "0 0% 100%",
|
|
26
|
+
"popover-foreground": "180 50% 5%",
|
|
27
|
+
"chart-1": "172 66% 50%",
|
|
28
|
+
"chart-2": "330 80% 65%",
|
|
29
|
+
"chart-3": "270 60% 60%",
|
|
30
|
+
"chart-4": "38 92% 50%",
|
|
31
|
+
"chart-5": "199 89% 48%",
|
|
32
|
+
"sidebar-background": "180 50% 96%",
|
|
33
|
+
"sidebar-foreground": "180 50% 10%",
|
|
34
|
+
"sidebar-primary": "172 66% 50%",
|
|
35
|
+
"sidebar-primary-foreground": "0 0% 100%",
|
|
36
|
+
"sidebar-accent": "180 30% 92%",
|
|
37
|
+
"sidebar-accent-foreground": "180 50% 10%",
|
|
38
|
+
"sidebar-border": "180 20% 88%",
|
|
39
|
+
"sidebar-ring": "172 66% 50%"
|
|
40
|
+
},
|
|
41
|
+
"dark": {
|
|
42
|
+
"background": "180 50% 4%",
|
|
43
|
+
"foreground": "180 30% 95%",
|
|
44
|
+
"primary": "172 66% 50%",
|
|
45
|
+
"primary-foreground": "180 50% 5%",
|
|
46
|
+
"secondary": "180 30% 12%",
|
|
47
|
+
"secondary-foreground": "180 30% 95%",
|
|
48
|
+
"muted": "180 30% 12%",
|
|
49
|
+
"muted-foreground": "180 20% 55%",
|
|
50
|
+
"accent": "330 80% 65%",
|
|
51
|
+
"accent-foreground": "0 0% 100%",
|
|
52
|
+
"destructive": "0 62.8% 30.6%",
|
|
53
|
+
"destructive-foreground": "0 0% 98%",
|
|
54
|
+
"border": "180 30% 15%",
|
|
55
|
+
"input": "180 30% 15%",
|
|
56
|
+
"ring": "172 66% 50%",
|
|
57
|
+
"card": "180 50% 6%",
|
|
58
|
+
"card-foreground": "180 30% 95%",
|
|
59
|
+
"popover": "180 50% 4%",
|
|
60
|
+
"popover-foreground": "180 30% 95%",
|
|
61
|
+
"chart-1": "172 66% 60%",
|
|
62
|
+
"chart-2": "330 80% 75%",
|
|
63
|
+
"chart-3": "270 60% 70%",
|
|
64
|
+
"chart-4": "38 92% 60%",
|
|
65
|
+
"chart-5": "199 89% 58%",
|
|
66
|
+
"sidebar-background": "180 50% 4%",
|
|
67
|
+
"sidebar-foreground": "180 30% 95%",
|
|
68
|
+
"sidebar-primary": "172 66% 50%",
|
|
69
|
+
"sidebar-primary-foreground": "180 50% 5%",
|
|
70
|
+
"sidebar-accent": "180 30% 12%",
|
|
71
|
+
"sidebar-accent-foreground": "180 30% 95%",
|
|
72
|
+
"sidebar-border": "180 30% 15%",
|
|
73
|
+
"sidebar-ring": "172 66% 50%"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"radius": "1rem",
|
|
77
|
+
"fontFamily": {
|
|
78
|
+
"sans": "Inter, system-ui, sans-serif",
|
|
79
|
+
"mono": "JetBrains Mono, monospace"
|
|
80
|
+
}
|
|
81
|
+
}
|