get-shit-pretty 0.7.3 → 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.
- package/bin/theme-css.js +331 -0
- package/gsp/agents/gsp-brand-coherence.md +7 -0
- package/gsp/hooks/hooks.json +1 -1
- package/gsp/skills/gsp-brand-brief/SKILL.md +50 -5
- package/gsp/skills/gsp-brand-guidelines/SKILL.md +51 -31
- package/gsp/skills/gsp-brand-guidelines/design-tokens.md +2 -0
- package/gsp/skills/gsp-brand-guidelines/guidelines-structure.md +167 -0
- package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-coherence.md +86 -0
- package/gsp/skills/gsp-brand-guidelines/methodology/gsp-brand-engineer.md +13 -5
- package/gsp/skills/gsp-brand-guidelines/token-mapping.md +16 -319
- package/gsp/skills/gsp-brand-identity/SKILL.md +1 -1
- package/gsp/skills/gsp-brand-refine/SKILL.md +5 -6
- package/gsp/skills/gsp-brand-research/SKILL.md +1 -1
- package/gsp/skills/gsp-brand-strategy/SKILL.md +1 -1
- package/gsp/skills/gsp-design-system/SKILL.md +1 -1
- package/gsp/skills/gsp-doctor/SKILL.md +51 -3
- package/gsp/skills/gsp-progress/SKILL.md +1 -1
- package/gsp/skills/gsp-project-brief/SKILL.md +40 -6
- package/gsp/skills/gsp-project-build/SKILL.md +27 -31
- package/gsp/skills/gsp-project-build/flows/figma.md +50 -0
- package/gsp/skills/gsp-project-build/flows/revision.md +64 -0
- package/gsp/skills/gsp-project-build/methodology/gsp-project-builder.md +84 -1
- package/gsp/skills/gsp-project-build/shadcn-composition.md +217 -0
- package/gsp/skills/gsp-project-critique/SKILL.md +3 -1
- package/gsp/skills/gsp-project-design/SKILL.md +3 -2
- package/gsp/skills/gsp-project-design/methodology/gsp-project-designer.md +28 -21
- package/gsp/skills/gsp-project-research/SKILL.md +3 -1
- package/gsp/skills/gsp-project-review/SKILL.md +10 -1
- package/gsp/skills/gsp-scaffold/SKILL.md +67 -11
- package/gsp/skills/gsp-scaffold/shadcn-rules.md +433 -0
- package/gsp/skills/gsp-scaffold/shadcn-theming.md +310 -0
- package/gsp/skills/gsp-start/SKILL.md +18 -2
- package/gsp/skills/gsp-style/SKILL.md +1 -1
- package/gsp/skills/gsp-style/style-preset-schema.md +59 -14
- package/gsp/skills/gsp-style/styles/academia.yml +58 -8
- package/gsp/skills/gsp-style/styles/art-deco.yml +39 -7
- package/gsp/skills/gsp-style/styles/bauhaus.yml +39 -8
- package/gsp/skills/gsp-style/styles/bold-typography.yml +39 -8
- package/gsp/skills/gsp-style/styles/botanical.yml +39 -9
- package/gsp/skills/gsp-style/styles/claymorphism.yml +39 -9
- package/gsp/skills/gsp-style/styles/cyberpunk.yml +39 -7
- package/gsp/skills/gsp-style/styles/enterprise.yml +39 -10
- package/gsp/skills/gsp-style/styles/flat-design.yml +39 -9
- package/gsp/skills/gsp-style/styles/fluent.yml +39 -10
- package/gsp/skills/gsp-style/styles/glassmorphism.yml +39 -8
- package/gsp/skills/gsp-style/styles/humanist-literary.yml +39 -9
- package/gsp/skills/gsp-style/styles/industrial.yml +59 -9
- package/gsp/skills/gsp-style/styles/kinetic.yml +32 -7
- package/gsp/skills/gsp-style/styles/liquid-glass.yml +59 -9
- package/gsp/skills/gsp-style/styles/luxury.yml +59 -9
- package/gsp/skills/gsp-style/styles/material.yml +59 -9
- package/gsp/skills/gsp-style/styles/maximalism.yml +32 -6
- package/gsp/skills/gsp-style/styles/minimal-dark.yml +32 -7
- package/gsp/skills/gsp-style/styles/modern-dark.yml +32 -7
- package/gsp/skills/gsp-style/styles/monochrome.yml +59 -10
- package/gsp/skills/gsp-style/styles/neubrutalism.yml +59 -9
- package/gsp/skills/gsp-style/styles/neumorphism.yml +32 -7
- package/gsp/skills/gsp-style/styles/newsprint.yml +32 -7
- package/gsp/skills/gsp-style/styles/nothing.yml +44 -13
- package/gsp/skills/gsp-style/styles/organic.yml +42 -9
- package/gsp/skills/gsp-style/styles/playful-geometric.yml +43 -9
- package/gsp/skills/gsp-style/styles/professional.yml +41 -10
- package/gsp/skills/gsp-style/styles/retro.yml +42 -8
- package/gsp/skills/gsp-style/styles/saas.yml +42 -9
- package/gsp/skills/gsp-style/styles/sketch.yml +42 -9
- package/gsp/skills/gsp-style/styles/swiss-minimalist.yml +41 -10
- package/gsp/skills/gsp-style/styles/terminal.yml +42 -8
- package/gsp/skills/gsp-style/styles/vaporwave.yml +42 -7
- package/gsp/skills/gsp-style/styles/web3.yml +42 -9
- package/gsp/templates/branding/brief.md +9 -0
- package/gsp/templates/branding/config.json +1 -1
- package/gsp/templates/design-claude.md +6 -0
- package/gsp/templates/phases/design.md +0 -8
- package/gsp/templates/phases/patterns.md +2 -2
- package/gsp/templates/projects/config.json +6 -3
- package/gsp/templates/projects/state.md +1 -1
- package/gsp/templates/system/STACK.md +1 -0
- 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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
55
|
-
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
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
|
-
|
|
60
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
59
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
55
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
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)"
|