get-shit-pretty 0.7.4 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/bin/theme-css.js +331 -0
  2. package/gsp/agents/gsp-brand-coherence.md +7 -0
  3. package/gsp/skills/gsp-brand-brief/SKILL.md +50 -5
  4. package/gsp/skills/gsp-brand-guidelines/SKILL.md +51 -31
  5. package/gsp/skills/gsp-brand-guidelines/design-tokens.md +2 -0
  6. package/gsp/skills/gsp-brand-guidelines/guidelines-structure.md +167 -0
  7. package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-coherence.md +86 -0
  8. package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-engineer.md +13 -5
  9. package/gsp/skills/gsp-brand-guidelines/token-mapping.md +16 -319
  10. package/gsp/skills/gsp-brand-identity/SKILL.md +1 -1
  11. package/gsp/skills/gsp-brand-refine/SKILL.md +5 -6
  12. package/gsp/skills/gsp-brand-research/SKILL.md +1 -1
  13. package/gsp/skills/gsp-brand-strategy/SKILL.md +1 -1
  14. package/gsp/skills/gsp-design-system/SKILL.md +1 -1
  15. package/gsp/skills/gsp-doctor/SKILL.md +51 -3
  16. package/gsp/skills/gsp-progress/SKILL.md +1 -1
  17. package/gsp/skills/gsp-project-brief/SKILL.md +40 -6
  18. package/gsp/skills/gsp-project-build/SKILL.md +22 -29
  19. package/gsp/skills/gsp-project-build/flows/figma.md +50 -0
  20. package/gsp/skills/gsp-project-build/flows/revision.md +64 -0
  21. package/gsp/skills/gsp-project-build/methodology/gsp-project-builder.md +57 -4
  22. package/gsp/skills/gsp-project-build/shadcn-composition.md +217 -0
  23. package/gsp/skills/gsp-project-critique/SKILL.md +3 -1
  24. package/gsp/skills/gsp-project-design/SKILL.md +3 -1
  25. package/gsp/skills/gsp-project-research/SKILL.md +3 -1
  26. package/gsp/skills/gsp-project-review/SKILL.md +10 -1
  27. package/gsp/skills/gsp-scaffold/SKILL.md +49 -12
  28. package/gsp/skills/gsp-scaffold/shadcn-rules.md +433 -0
  29. package/gsp/skills/gsp-scaffold/shadcn-theming.md +310 -0
  30. package/gsp/skills/gsp-start/SKILL.md +18 -2
  31. package/gsp/skills/gsp-style/SKILL.md +1 -1
  32. package/gsp/skills/gsp-style/style-preset-schema.md +59 -14
  33. package/gsp/skills/gsp-style/styles/academia.yml +58 -8
  34. package/gsp/skills/gsp-style/styles/art-deco.yml +39 -7
  35. package/gsp/skills/gsp-style/styles/bauhaus.yml +39 -8
  36. package/gsp/skills/gsp-style/styles/bold-typography.yml +39 -8
  37. package/gsp/skills/gsp-style/styles/botanical.yml +39 -9
  38. package/gsp/skills/gsp-style/styles/claymorphism.yml +39 -9
  39. package/gsp/skills/gsp-style/styles/cyberpunk.yml +39 -7
  40. package/gsp/skills/gsp-style/styles/enterprise.yml +39 -10
  41. package/gsp/skills/gsp-style/styles/flat-design.yml +39 -9
  42. package/gsp/skills/gsp-style/styles/fluent.yml +39 -10
  43. package/gsp/skills/gsp-style/styles/glassmorphism.yml +39 -8
  44. package/gsp/skills/gsp-style/styles/humanist-literary.yml +39 -9
  45. package/gsp/skills/gsp-style/styles/industrial.yml +59 -9
  46. package/gsp/skills/gsp-style/styles/kinetic.yml +32 -7
  47. package/gsp/skills/gsp-style/styles/liquid-glass.yml +59 -9
  48. package/gsp/skills/gsp-style/styles/luxury.yml +59 -9
  49. package/gsp/skills/gsp-style/styles/material.yml +59 -9
  50. package/gsp/skills/gsp-style/styles/maximalism.yml +32 -6
  51. package/gsp/skills/gsp-style/styles/minimal-dark.yml +32 -7
  52. package/gsp/skills/gsp-style/styles/modern-dark.yml +32 -7
  53. package/gsp/skills/gsp-style/styles/monochrome.yml +59 -10
  54. package/gsp/skills/gsp-style/styles/neubrutalism.yml +59 -9
  55. package/gsp/skills/gsp-style/styles/neumorphism.yml +32 -7
  56. package/gsp/skills/gsp-style/styles/newsprint.yml +32 -7
  57. package/gsp/skills/gsp-style/styles/nothing.yml +44 -13
  58. package/gsp/skills/gsp-style/styles/organic.yml +42 -9
  59. package/gsp/skills/gsp-style/styles/playful-geometric.yml +43 -9
  60. package/gsp/skills/gsp-style/styles/professional.yml +41 -10
  61. package/gsp/skills/gsp-style/styles/retro.yml +42 -8
  62. package/gsp/skills/gsp-style/styles/saas.yml +42 -9
  63. package/gsp/skills/gsp-style/styles/sketch.yml +42 -9
  64. package/gsp/skills/gsp-style/styles/swiss-minimalist.yml +41 -10
  65. package/gsp/skills/gsp-style/styles/terminal.yml +42 -8
  66. package/gsp/skills/gsp-style/styles/vaporwave.yml +42 -7
  67. package/gsp/skills/gsp-style/styles/web3.yml +42 -9
  68. package/gsp/templates/branding/brief.md +9 -0
  69. package/gsp/templates/branding/config.json +1 -1
  70. package/gsp/templates/design-claude.md +6 -0
  71. package/gsp/templates/phases/patterns.md +2 -2
  72. package/gsp/templates/projects/config.json +6 -3
  73. package/gsp/templates/projects/state.md +1 -1
  74. package/gsp/templates/system/STACK.md +1 -0
  75. package/package.json +1 -1
@@ -4,18 +4,44 @@ tags: [humanist, literary, warm, calm, conversational]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#FAF9F6"
9
+ foreground: "#383838"
10
+ card: "#F2F0EB"
11
+ card-foreground: "#383838"
12
+ popover: "#F2F0EB"
13
+ popover-foreground: "#383838"
7
14
  primary: "#DA7756"
15
+ primary-foreground: "#FFFFFF"
8
16
  secondary: "#6B6960"
17
+ secondary-foreground: "#FFFFFF"
9
18
  accent: "#FAF9F6"
10
- background: "#FAF9F6"
11
- surface: "#F2F0EB"
12
- on-primary: "#FFFFFF"
13
- on-background: "#383838"
14
- error: "#DC2626"
19
+ accent-foreground: "#383838"
20
+ muted: "#6B6960"
21
+ muted-foreground: "#9C9A94"
22
+ destructive: "#DC2626"
23
+ border: "#E8E6E0"
24
+ input: "#E8E6E0"
25
+ ring: "#DA7756"
26
+ # Sidebar
27
+ sidebar: "#F2F0EB"
28
+ sidebar-foreground: "#383838"
29
+ sidebar-primary: "#DA7756"
30
+ sidebar-primary-foreground: "#FFFFFF"
31
+ sidebar-accent: "#E8E6E0"
32
+ sidebar-accent-foreground: "#383838"
33
+ sidebar-border: "#E8E6E0"
34
+ sidebar-ring: "#DA7756"
35
+ # Extras
15
36
  success: "#16A34A"
16
37
  warning: "#D97706"
17
38
  info: "#2563EB"
18
- muted: "#6B6960"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#DA7756" # terracotta (primary)
41
+ chart-2: "#2563EB" # ink blue
42
+ chart-3: "#16A34A" # manuscript green
43
+ chart-4: "#D97706" # parchment amber
44
+ chart-5: "#7C3AED" # marginalia violet
19
45
 
20
46
  typography:
21
47
  font-family-primary: "Merriweather, Tiempos, serif"
@@ -31,7 +57,6 @@ tokens:
31
57
  border-radius-md: "16px"
32
58
  border-radius-lg: "9999px"
33
59
  border-width: "1px"
34
- border-color: "#E8E6E0"
35
60
 
36
61
  elevation:
37
62
  shadow-sm: "0 1px 2px rgba(0,0,0,0.04)"
@@ -51,8 +76,13 @@ tokens:
51
76
  dark_mode:
52
77
  color:
53
78
  background: "#1C1B19"
54
- surface: "#2A2926"
55
- on-background: "#E8E6E0"
79
+ foreground: "#E8E6E0"
80
+ card: "#2A2926"
81
+ card-foreground: "#E8E6E0"
82
+ popover: "#2A2926"
83
+ popover-foreground: "#E8E6E0"
84
+ border: "#3D3B36"
85
+ input: "#3D3B36"
56
86
 
57
87
  intensity:
58
88
  variance: 2 # predictable, centered, calm — the interface recedes for content
@@ -5,18 +5,44 @@ trend_ref: trends/industrial.md
5
5
 
6
6
  tokens:
7
7
  color:
8
+ # Core — shadcn/ui CSS vars
9
+ background: "#E0E5EC"
10
+ foreground: "#2D3436"
11
+ card: "#F0F2F5"
12
+ card-foreground: "#2D3436"
13
+ popover: "#F0F2F5"
14
+ popover-foreground: "#2D3436"
8
15
  primary: "#FF4757"
16
+ primary-foreground: "#FFFFFF"
9
17
  secondary: "#F59E0B"
18
+ secondary-foreground: "#FFFFFF"
10
19
  accent: "#DC2626"
11
- background: "#E0E5EC"
12
- surface: "#F0F2F5"
13
- on-primary: "#FFFFFF"
14
- on-background: "#2D3436"
15
- error: "#DC2626"
20
+ accent-foreground: "#FFFFFF"
21
+ muted: "#78716C"
22
+ muted-foreground: "#A8A29E"
23
+ destructive: "#DC2626"
24
+ border: "#D6D3D1"
25
+ input: "#D6D3D1"
26
+ ring: "#FF4757"
27
+ # Sidebar
28
+ sidebar: "#F0F2F5"
29
+ sidebar-foreground: "#2D3436"
30
+ sidebar-primary: "#FF4757"
31
+ sidebar-primary-foreground: "#FFFFFF"
32
+ sidebar-accent: "#E0E5EC"
33
+ sidebar-accent-foreground: "#2D3436"
34
+ sidebar-border: "#D6D3D1"
35
+ sidebar-ring: "#FF4757"
36
+ # Extras
16
37
  success: "#16A34A"
17
38
  warning: "#F59E0B"
18
39
  info: "#2563EB"
19
- muted: "#78716C"
40
+ # Chart — data-viz colors (distinct, accessible at small sizes)
41
+ chart-1: "#FF4757" # hazard red (primary)
42
+ chart-2: "#F59E0B" # caution amber (secondary)
43
+ chart-3: "#2563EB" # blueprint blue
44
+ chart-4: "#16A34A" # safety green
45
+ chart-5: "#475569" # industrial slate
20
46
 
21
47
  typography:
22
48
  font-family-primary: "Inter, sans-serif"
@@ -32,7 +58,6 @@ tokens:
32
58
  border-radius-md: "2px"
33
59
  border-radius-lg: "4px"
34
60
  border-width: "2px"
35
- border-color: "#D6D3D1"
36
61
 
37
62
  elevation:
38
63
  shadow-sm: "4px 4px 8px rgba(163,177,198,0.6), -4px -4px 8px rgba(255,255,255,0.5)"
@@ -55,9 +80,34 @@ tokens:
55
80
 
56
81
  dark_mode:
57
82
  color:
83
+ # Core — shadcn/ui CSS vars
58
84
  background: "#2D3436"
59
- surface: "#3D4446"
60
- on-background: "#DFE6E9"
85
+ foreground: "#DFE6E9"
86
+ card: "#3D4446"
87
+ card-foreground: "#DFE6E9"
88
+ popover: "#3D4446"
89
+ popover-foreground: "#DFE6E9"
90
+ primary: "#FF4757"
91
+ primary-foreground: "#FFFFFF"
92
+ secondary: "#F59E0B"
93
+ secondary-foreground: "#FFFFFF"
94
+ accent: "#DC2626"
95
+ accent-foreground: "#FFFFFF"
96
+ muted: "#4A5568"
97
+ muted-foreground: "#78716C"
98
+ destructive: "#DC2626"
99
+ border: "#4A5568"
100
+ input: "#4A5568"
101
+ ring: "#FF4757"
102
+ # Sidebar
103
+ sidebar: "#3D4446"
104
+ sidebar-foreground: "#DFE6E9"
105
+ sidebar-primary: "#FF4757"
106
+ sidebar-primary-foreground: "#FFFFFF"
107
+ sidebar-accent: "#4A5568"
108
+ sidebar-accent-foreground: "#DFE6E9"
109
+ sidebar-border: "#4A5568"
110
+ sidebar-ring: "#FF4757"
61
111
 
62
112
  intensity:
63
113
  variance: 5 # asymmetric hero splits, slight testimonial rotation, but grid-mounted precision
@@ -4,18 +4,44 @@ tags: [motion, animated, dynamic, kinetic, bold]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#09090B"
9
+ foreground: "#FAFAFA"
10
+ card: "#1A1A1A"
11
+ card-foreground: "#FAFAFA"
12
+ popover: "#1A1A1A"
13
+ popover-foreground: "#FAFAFA"
7
14
  primary: "#FF3D00"
15
+ primary-foreground: "#000000"
8
16
  secondary: "#FFEA00"
17
+ secondary-foreground: "#000000"
9
18
  accent: "#00E676"
10
- background: "#09090B"
11
- surface: "#1A1A1A"
12
- on-primary: "#000000"
13
- on-background: "#FAFAFA"
14
- error: "#EF4444"
19
+ accent-foreground: "#000000"
20
+ muted: "#9E9E9E"
21
+ muted-foreground: "#6E6E6E"
22
+ destructive: "#EF4444"
23
+ border: "#424242"
24
+ input: "#424242"
25
+ ring: "#FF3D00"
26
+ # Sidebar
27
+ sidebar: "#1A1A1A"
28
+ sidebar-foreground: "#FAFAFA"
29
+ sidebar-primary: "#FF3D00"
30
+ sidebar-primary-foreground: "#000000"
31
+ sidebar-accent: "#242424"
32
+ sidebar-accent-foreground: "#FAFAFA"
33
+ sidebar-border: "#424242"
34
+ sidebar-ring: "#FF3D00"
35
+ # Extras
15
36
  success: "#00E676"
16
37
  warning: "#FFEA00"
17
38
  info: "#3B82F6"
18
- muted: "#9E9E9E"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#FF3D00" # kinetic orange-red (primary)
41
+ chart-2: "#FFEA00" # kinetic yellow (secondary)
42
+ chart-3: "#00E676" # kinetic green (accent)
43
+ chart-4: "#29B6F6" # kinetic sky blue
44
+ chart-5: "#E040FB" # kinetic purple
19
45
 
20
46
  typography:
21
47
  font-family-primary: "Space Grotesk, Inter, sans-serif"
@@ -30,7 +56,6 @@ tokens:
30
56
  border-radius-md: "4px"
31
57
  border-radius-lg: "8px"
32
58
  border-width: "2px"
33
- border-color: "#424242"
34
59
 
35
60
  elevation:
36
61
  shadow-sm: "0 4px 16px rgba(255,61,0,0.2)"
@@ -5,17 +5,44 @@ trend_ref: trends/liquid-glass.md
5
5
 
6
6
  tokens:
7
7
  color:
8
+ # Core — shadcn/ui CSS vars
9
+ background: "#F2F2F7"
10
+ foreground: "#1C1C1E"
11
+ card: "oklch(100% 0 0 / 0.60)"
12
+ card-foreground: "#1C1C1E"
13
+ popover: "oklch(100% 0 0 / 0.60)"
14
+ popover-foreground: "#1C1C1E"
8
15
  primary: "#007AFF"
16
+ primary-foreground: "#FFFFFF"
9
17
  secondary: "#5856D6"
18
+ secondary-foreground: "#FFFFFF"
10
19
  accent: "#FF2D55"
11
- background: "#F2F2F7"
12
- surface: "rgba(255, 255, 255, 0.60)"
13
- on-primary: "#FFFFFF"
14
- on-background: "#1C1C1E"
15
- error: "#FF3B30"
20
+ accent-foreground: "#FFFFFF"
21
+ muted: "#E5E5EA"
22
+ muted-foreground: "#8E8E93"
23
+ destructive: "#FF3B30"
24
+ border: "oklch(100% 0 0 / 0.80)"
25
+ input: "oklch(100% 0 0 / 0.80)"
26
+ ring: "#007AFF"
27
+ # Sidebar
28
+ sidebar: "oklch(100% 0 0 / 0.60)"
29
+ sidebar-foreground: "#1C1C1E"
30
+ sidebar-primary: "#007AFF"
31
+ sidebar-primary-foreground: "#FFFFFF"
32
+ sidebar-accent: "#E5E5EA"
33
+ sidebar-accent-foreground: "#1C1C1E"
34
+ sidebar-border: "oklch(100% 0 0 / 0.80)"
35
+ sidebar-ring: "#007AFF"
36
+ # Extras
16
37
  success: "#34C759"
17
38
  warning: "#FF9500"
18
39
  info: "#5AC8FA"
40
+ # Chart — data-viz colors (distinct, accessible at small sizes)
41
+ chart-1: "#007AFF" # iOS blue (primary)
42
+ chart-2: "#FF2D55" # iOS red (accent)
43
+ chart-3: "#34C759" # iOS green (success)
44
+ chart-4: "#FF9500" # iOS orange (warning)
45
+ chart-5: "#5856D6" # iOS purple (secondary)
19
46
 
20
47
  typography:
21
48
  font-family-primary: "SF Pro Display, -apple-system, system-ui, sans-serif"
@@ -30,7 +57,6 @@ tokens:
30
57
  border-radius-md: "16px"
31
58
  border-radius-lg: "24px"
32
59
  border-width: "0.5px"
33
- border-color: "rgba(255, 255, 255, 0.80)"
34
60
 
35
61
  elevation:
36
62
  shadow-sm: "0 2px 8px rgba(0, 0, 0, 0.08)"
@@ -57,10 +83,34 @@ tokens:
57
83
 
58
84
  dark_mode:
59
85
  color:
86
+ # Core — shadcn/ui CSS vars
60
87
  background: "#000000"
61
- surface: "rgba(255, 255, 255, 0.10)"
62
- on-background: "#F5F5F7"
63
- border-color: "rgba(255, 255, 255, 0.18)"
88
+ foreground: "#F5F5F7"
89
+ card: "oklch(100% 0 0 / 0.10)"
90
+ card-foreground: "#F5F5F7"
91
+ popover: "oklch(100% 0 0 / 0.10)"
92
+ popover-foreground: "#F5F5F7"
93
+ primary: "#007AFF"
94
+ primary-foreground: "#FFFFFF"
95
+ secondary: "#5856D6"
96
+ secondary-foreground: "#FFFFFF"
97
+ accent: "#FF2D55"
98
+ accent-foreground: "#FFFFFF"
99
+ muted: "#1C1C1E"
100
+ muted-foreground: "#8E8E93"
101
+ destructive: "#FF3B30"
102
+ border: "oklch(100% 0 0 / 0.18)"
103
+ input: "oklch(100% 0 0 / 0.18)"
104
+ ring: "#007AFF"
105
+ # Sidebar
106
+ sidebar: "oklch(100% 0 0 / 0.10)"
107
+ sidebar-foreground: "#F5F5F7"
108
+ sidebar-primary: "#007AFF"
109
+ sidebar-primary-foreground: "#FFFFFF"
110
+ sidebar-accent: "#1C1C1E"
111
+ sidebar-accent-foreground: "#F5F5F7"
112
+ sidebar-border: "oklch(100% 0 0 / 0.18)"
113
+ sidebar-ring: "#007AFF"
64
114
 
65
115
  intensity:
66
116
  variance: 3 # clean Apple grid layouts, consistent spacing, restrained composition
@@ -4,18 +4,44 @@ tags: [premium, elegant, luxury, high-end, sophisticated]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#F9F8F6"
9
+ foreground: "#1A1A1A"
10
+ card: "#EBE5DE"
11
+ card-foreground: "#1A1A1A"
12
+ popover: "#EBE5DE"
13
+ popover-foreground: "#1A1A1A"
7
14
  primary: "#D4AF37"
15
+ primary-foreground: "#000000"
8
16
  secondary: "#B8860B"
17
+ secondary-foreground: "#000000"
9
18
  accent: "#1A1A1A"
10
- background: "#F9F8F6"
11
- surface: "#EBE5DE"
12
- on-primary: "#000000"
13
- on-background: "#1A1A1A"
14
- error: "#DC2626"
19
+ accent-foreground: "#FFFFFF"
20
+ muted: "#6C6863"
21
+ muted-foreground: "#9C9690"
22
+ destructive: "#DC2626"
23
+ border: "rgba(26,26,26,0.1)"
24
+ input: "rgba(26,26,26,0.1)"
25
+ ring: "#D4AF37"
26
+ # Sidebar
27
+ sidebar: "#EBE5DE"
28
+ sidebar-foreground: "#1A1A1A"
29
+ sidebar-primary: "#D4AF37"
30
+ sidebar-primary-foreground: "#000000"
31
+ sidebar-accent: "#F9F8F6"
32
+ sidebar-accent-foreground: "#1A1A1A"
33
+ sidebar-border: "rgba(26,26,26,0.1)"
34
+ sidebar-ring: "#D4AF37"
35
+ # Extras
15
36
  success: "#16A34A"
16
37
  warning: "#D97706"
17
38
  info: "#2563EB"
18
- muted: "#6C6863"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#C9A440" # deep gold (primary shifted)
41
+ chart-2: "#1A1A1A" # onyx (accent)
42
+ chart-3: "#2563EB" # sapphire blue
43
+ chart-4: "#16A34A" # malachite green
44
+ chart-5: "#9F1239" # burgundy red
19
45
 
20
46
  typography:
21
47
  font-family-primary: "Playfair Display, serif"
@@ -31,7 +57,6 @@ tokens:
31
57
  border-radius-md: "0px"
32
58
  border-radius-lg: "0px"
33
59
  border-width: "1px"
34
- border-color: "rgba(26,26,26,0.1)"
35
60
 
36
61
  elevation:
37
62
  shadow-sm: "0 2px 12px rgba(0,0,0,0.08)"
@@ -54,9 +79,34 @@ tokens:
54
79
 
55
80
  dark_mode:
56
81
  color:
82
+ # Core — shadcn/ui CSS vars
57
83
  background: "#0A0A0A"
58
- surface: "#1A1A1A"
59
- on-background: "#F5F5F0"
84
+ foreground: "#F5F5F0"
85
+ card: "#1A1A1A"
86
+ card-foreground: "#F5F5F0"
87
+ popover: "#1A1A1A"
88
+ popover-foreground: "#F5F5F0"
89
+ primary: "#D4AF37"
90
+ primary-foreground: "#000000"
91
+ secondary: "#B8860B"
92
+ secondary-foreground: "#000000"
93
+ accent: "#F5F5F0"
94
+ accent-foreground: "#0A0A0A"
95
+ muted: "#2A2A2A"
96
+ muted-foreground: "#6C6863"
97
+ destructive: "#DC2626"
98
+ border: "rgba(245,245,240,0.1)"
99
+ input: "rgba(245,245,240,0.1)"
100
+ ring: "#D4AF37"
101
+ # Sidebar
102
+ sidebar: "#1A1A1A"
103
+ sidebar-foreground: "#F5F5F0"
104
+ sidebar-primary: "#D4AF37"
105
+ sidebar-primary-foreground: "#000000"
106
+ sidebar-accent: "#2A2A2A"
107
+ sidebar-accent-foreground: "#F5F5F0"
108
+ sidebar-border: "rgba(245,245,240,0.1)"
109
+ sidebar-ring: "#D4AF37"
60
110
 
61
111
  intensity:
62
112
  variance: 4 # asymmetric grids but architecturally balanced, offset columns
@@ -4,18 +4,44 @@ tags: [material, google, android, rounded, colorful]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#FFFBFE"
9
+ foreground: "#1C1B1F"
10
+ card: "#F3EDF7"
11
+ card-foreground: "#1C1B1F"
12
+ popover: "#F3EDF7"
13
+ popover-foreground: "#1C1B1F"
7
14
  primary: "#6750A4"
15
+ primary-foreground: "#FFFFFF"
8
16
  secondary: "#625B71"
17
+ secondary-foreground: "#FFFFFF"
9
18
  accent: "#BB86FC"
10
- background: "#FFFBFE"
11
- surface: "#F3EDF7"
12
- on-primary: "#FFFFFF"
13
- on-background: "#1C1B1F"
14
- error: "#B3261E"
19
+ accent-foreground: "#000000"
20
+ muted: "#79747E"
21
+ muted-foreground: "#A9A4AE"
22
+ destructive: "#B3261E"
23
+ border: "#79747E"
24
+ input: "#79747E"
25
+ ring: "#6750A4"
26
+ # Sidebar
27
+ sidebar: "#F3EDF7"
28
+ sidebar-foreground: "#1C1B1F"
29
+ sidebar-primary: "#6750A4"
30
+ sidebar-primary-foreground: "#FFFFFF"
31
+ sidebar-accent: "#EDE7F6"
32
+ sidebar-accent-foreground: "#1C1B1F"
33
+ sidebar-border: "#79747E"
34
+ sidebar-ring: "#6750A4"
35
+ # Extras
15
36
  success: "#16A34A"
16
37
  warning: "#F59E0B"
17
38
  info: "#3B82F6"
18
- muted: "#79747E"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#6750A4" # Material purple (primary)
41
+ chart-2: "#3B82F6" # Material blue
42
+ chart-3: "#16A34A" # Material green
43
+ chart-4: "#F59E0B" # Material amber
44
+ chart-5: "#EF4444" # Material red
19
45
 
20
46
  typography:
21
47
  font-family-primary: "Roboto, system-ui, sans-serif"
@@ -31,7 +57,6 @@ tokens:
31
57
  border-radius-lg: "16px"
32
58
  border-radius-xl: "28px"
33
59
  border-width: "1px"
34
- border-color: "#79747E"
35
60
 
36
61
  elevation:
37
62
  shadow-sm: "0 1px 2px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.15)"
@@ -50,9 +75,34 @@ tokens:
50
75
 
51
76
  dark_mode:
52
77
  color:
78
+ # Core — shadcn/ui CSS vars
53
79
  background: "#1C1B1F"
54
- surface: "#2B2930"
55
- on-background: "#E6E1E5"
80
+ foreground: "#E6E1E5"
81
+ card: "#2B2930"
82
+ card-foreground: "#E6E1E5"
83
+ popover: "#2B2930"
84
+ popover-foreground: "#E6E1E5"
85
+ primary: "#D0BCFF"
86
+ primary-foreground: "#381E72"
87
+ secondary: "#CCC2DC"
88
+ secondary-foreground: "#332D41"
89
+ accent: "#BB86FC"
90
+ accent-foreground: "#000000"
91
+ muted: "#3B383E"
92
+ muted-foreground: "#79747E"
93
+ destructive: "#F2B8B5"
94
+ border: "#49454F"
95
+ input: "#49454F"
96
+ ring: "#D0BCFF"
97
+ # Sidebar
98
+ sidebar: "#2B2930"
99
+ sidebar-foreground: "#E6E1E5"
100
+ sidebar-primary: "#D0BCFF"
101
+ sidebar-primary-foreground: "#381E72"
102
+ sidebar-accent: "#3B383E"
103
+ sidebar-accent-foreground: "#E6E1E5"
104
+ sidebar-border: "#49454F"
105
+ sidebar-ring: "#D0BCFF"
56
106
 
57
107
  intensity:
58
108
  variance: 4 # organic blur shapes and asymmetric elevation create interest, but grids stay structured
@@ -4,17 +4,44 @@ tags: [bold, expressive, abundant, colorful, maximalist]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#0D0D1A"
9
+ foreground: "#FFFFFF"
10
+ card: "#1A1A2E"
11
+ card-foreground: "#FFFFFF"
12
+ popover: "#1A1A2E"
13
+ popover-foreground: "#FFFFFF"
7
14
  primary: "#FF3AF2"
15
+ primary-foreground: "#000000"
8
16
  secondary: "#7B2FFF"
17
+ secondary-foreground: "#000000"
9
18
  accent: "#00F5D4"
10
- background: "#0D0D1A"
11
- surface: "#1A1A2E"
12
- on-primary: "#000000"
13
- on-background: "#FFFFFF"
14
- error: "#FF6B6B"
19
+ accent-foreground: "#000000"
20
+ muted: "#2D1B4E"
21
+ muted-foreground: "#9B8EC4"
22
+ destructive: "#FF6B6B"
23
+ border: "#FF3AF2"
24
+ input: "#FF3AF2"
25
+ ring: "#FF3AF2"
26
+ # Sidebar
27
+ sidebar: "#1A1A2E"
28
+ sidebar-foreground: "#FFFFFF"
29
+ sidebar-primary: "#FF3AF2"
30
+ sidebar-primary-foreground: "#000000"
31
+ sidebar-accent: "#2D1B4E"
32
+ sidebar-accent-foreground: "#FFFFFF"
33
+ sidebar-border: "#FF3AF2"
34
+ sidebar-ring: "#FF3AF2"
35
+ # Extras
15
36
  success: "#00F5D4"
16
37
  warning: "#FFE600"
17
38
  info: "#00BFFF"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#FF3AF2" # electric magenta (primary)
41
+ chart-2: "#00F5D4" # acid cyan (accent)
42
+ chart-3: "#FFE600" # neon yellow (warning)
43
+ chart-4: "#7B2FFF" # deep purple (secondary)
44
+ chart-5: "#FF6B35" # screaming orange
18
45
 
19
46
  color-rotate:
20
47
  magenta: "#FF3AF2"
@@ -37,7 +64,6 @@ tokens:
37
64
  border-radius-md: "12px"
38
65
  border-radius-lg: "9999px"
39
66
  border-width: "4px"
40
- border-color: "#FF3AF2"
41
67
 
42
68
  elevation:
43
69
  shadow-sm: "4px 4px 0px rgba(236,72,153,0.3)"
@@ -4,18 +4,44 @@ tags: [minimal, dark, atmospheric, amber, layered]
4
4
 
5
5
  tokens:
6
6
  color:
7
+ # Core — shadcn/ui CSS vars
8
+ background: "#0A0A0F"
9
+ foreground: "#FAFAFA"
10
+ card: "#12121A"
11
+ card-foreground: "#FAFAFA"
12
+ popover: "#12121A"
13
+ popover-foreground: "#FAFAFA"
7
14
  primary: "#F59E0B"
15
+ primary-foreground: "#000000"
8
16
  secondary: "#A1A1AA"
17
+ secondary-foreground: "#000000"
9
18
  accent: "#FFFFFF"
10
- background: "#0A0A0F"
11
- surface: "#12121A"
12
- on-primary: "#000000"
13
- on-background: "#FAFAFA"
14
- error: "#EF4444"
19
+ accent-foreground: "#000000"
20
+ muted: "#71717A"
21
+ muted-foreground: "#A1A1AA"
22
+ destructive: "#EF4444"
23
+ border: "rgba(255,255,255,0.06)"
24
+ input: "rgba(255,255,255,0.06)"
25
+ ring: "#F59E0B"
26
+ # Sidebar
27
+ sidebar: "#12121A"
28
+ sidebar-foreground: "#FAFAFA"
29
+ sidebar-primary: "#F59E0B"
30
+ sidebar-primary-foreground: "#000000"
31
+ sidebar-accent: "#1A1A24"
32
+ sidebar-accent-foreground: "#FAFAFA"
33
+ sidebar-border: "rgba(255,255,255,0.06)"
34
+ sidebar-ring: "#F59E0B"
35
+ # Extras
15
36
  success: "#22C55E"
16
37
  warning: "#F59E0B"
17
38
  info: "#3B82F6"
18
- muted: "#71717A"
39
+ # Chart — data-viz colors (distinct, accessible at small sizes)
40
+ chart-1: "#F59E0B" # warm amber (primary)
41
+ chart-2: "#3B82F6" # deep blue
42
+ chart-3: "#22C55E" # muted green
43
+ chart-4: "#E879F9" # soft fuchsia
44
+ chart-5: "#FB923C" # copper orange
19
45
 
20
46
  typography:
21
47
  font-family-primary: "Space Grotesk, Inter, sans-serif"
@@ -30,7 +56,6 @@ tokens:
30
56
  border-radius-md: "12px"
31
57
  border-radius-lg: "16px"
32
58
  border-width: "1px"
33
- border-color: "rgba(255,255,255,0.06)"
34
59
 
35
60
  elevation:
36
61
  shadow-sm: "0 1px 2px rgba(0,0,0,0.2)"