114 lines
4.5 KiB
JSON
114 lines
4.5 KiB
JSON
{
|
|
"theme": {
|
|
"id": "cyberpunk",
|
|
"name": "Cyberpunk Theme",
|
|
"description": "Complete cyberpunk transformation: semi-transparent metric cards with 2px glowing hot-pink borders, fixed cyberpunk cityscape background, neon-pink avatar badges, and vibrant chart legends with hot-pink/cyan neon swatches.",
|
|
"type": "dual",
|
|
"default": false
|
|
},
|
|
"modes": {
|
|
"dark": {
|
|
"colors": {
|
|
"background": "hsl(240, 18%, 4%)",
|
|
"foreground": "hsl(210, 40%, 93%)",
|
|
"card": "hsl(240, 15%, 7%)",
|
|
"cardForeground": "hsl(210, 40%, 93%)",
|
|
"popover": "hsl(240, 15%, 7%)",
|
|
"popoverForeground": "hsl(210, 40%, 93%)",
|
|
"primary": "hsl(330, 100%, 50%)",
|
|
"primaryForeground": "hsl(0, 0%, 100%)",
|
|
"secondary": "hsl(180, 100%, 50%)",
|
|
"secondaryForeground": "hsl(0, 0%, 0%)",
|
|
"muted": "hsl(240, 12%, 12%)",
|
|
"mutedForeground": "hsl(240, 8%, 55%)",
|
|
"accent": "hsl(260, 80%, 60%)",
|
|
"accentForeground": "hsl(0, 0%, 100%)",
|
|
"destructive": "hsl(0, 84%, 55%)",
|
|
"destructiveForeground": "hsl(0, 0%, 100%)",
|
|
"border": "hsl(270, 30%, 15%)",
|
|
"input": "hsl(240, 12%, 12%)",
|
|
"ring": "hsl(330, 100%, 50%)",
|
|
"sidebar": "hsl(240, 15%, 3%)",
|
|
"sidebarForeground": "hsl(210, 40%, 93%)",
|
|
"sidebarPrimary": "hsl(330, 100%, 50%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(240, 10%, 10%)",
|
|
"sidebarAccentForeground": "hsl(210, 40%, 93%)",
|
|
"sidebarBorder": "hsl(270, 25%, 12%)",
|
|
"sidebarRing": "hsl(330, 100%, 50%)"
|
|
}
|
|
},
|
|
"light": {
|
|
"colors": {
|
|
"background": "hsl(220, 15%, 96%)",
|
|
"foreground": "hsl(240, 30%, 10%)",
|
|
"card": "hsl(0, 0%, 100%)",
|
|
"cardForeground": "hsl(240, 30%, 10%)",
|
|
"popover": "hsl(0, 0%, 100%)",
|
|
"popoverForeground": "hsl(240, 30%, 10%)",
|
|
"primary": "hsl(330, 80%, 48%)",
|
|
"primaryForeground": "hsl(0, 0%, 100%)",
|
|
"secondary": "hsl(180, 80%, 38%)",
|
|
"secondaryForeground": "hsl(0, 0%, 100%)",
|
|
"muted": "hsl(240, 8%, 92%)",
|
|
"mutedForeground": "hsl(240, 8%, 48%)",
|
|
"accent": "hsl(260, 65%, 52%)",
|
|
"accentForeground": "hsl(0, 0%, 100%)",
|
|
"destructive": "hsl(0, 80%, 55%)",
|
|
"destructiveForeground": "hsl(0, 0%, 100%)",
|
|
"border": "hsl(270, 15%, 84%)",
|
|
"input": "hsl(240, 8%, 92%)",
|
|
"ring": "hsl(330, 80%, 48%)",
|
|
"sidebar": "hsl(0, 0%, 100%)",
|
|
"sidebarForeground": "hsl(240, 30%, 10%)",
|
|
"sidebarPrimary": "hsl(330, 80%, 48%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(240, 8%, 92%)",
|
|
"sidebarAccentForeground": "hsl(240, 30%, 10%)",
|
|
"sidebarBorder": "hsl(270, 15%, 84%)",
|
|
"sidebarRing": "hsl(330, 80%, 48%)"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": "0.5rem",
|
|
"typography": {
|
|
"fontFamily": "Inter, sans-serif",
|
|
"headingFont": "Inter, sans-serif"
|
|
},
|
|
"keyColors": {
|
|
"primary": "#ff007f",
|
|
"background": "#0a0a10 (dark) / #f0f2f8 (light)",
|
|
"card": "#0f0f18 (dark) / #ffffff (light)",
|
|
"sidebar": "#07070d (dark) / #ffffff (light)",
|
|
"border": "#1c1430 (dark) / #d4d0e0 (light)",
|
|
"text": "#e8e8f0 (dark) / #1a1a2e (light)",
|
|
"mutedText": "#7a7a9a (dark) / #6b7280 (light)"
|
|
},
|
|
"neon": {
|
|
"pink": "#ff007f",
|
|
"cyan": "#00f0ff",
|
|
"violet": "#8b5cf6",
|
|
"yellow": "#ffd700",
|
|
"acidGreen": "#39ff14",
|
|
"orange": "#ff8c00"
|
|
},
|
|
"chartSegments": {
|
|
"open": { "label": "Open", "color": "#BD00FF", "description": "Neon Purple — 35%" },
|
|
"contacted": { "label": "Contacted", "color": "#00E5FF", "description": "Cyberpunk Cyan — 25%" },
|
|
"pending": { "label": "Pending", "color": "#FFD700", "description": "Electric Yellow/Orange — 17%" },
|
|
"closed": { "label": "Closed", "color": "#39FF14", "description": "Glowing Lime Green — 23%" },
|
|
"ignored": { "label": "Ignored", "color": "#FF0055", "description": "Deep Neon Crimson — 0%" }
|
|
},
|
|
"barChart": {
|
|
"newLeads": { "color": "#FF1493", "glow": "rgba(255, 0, 127, 0.5)" },
|
|
"closed": { "color": "#00F0FF", "glow": "rgba(0, 229, 255, 0.4)" }
|
|
},
|
|
"statusBadges": {
|
|
"open": { "color": "#00E5FF", "label": "Cyan Neon" },
|
|
"contacted": { "color": "#BD00FF", "label": "Purple Magenta" },
|
|
"pending": { "color": "#FFAA00", "label": "Orange Yellow" },
|
|
"closed": { "color": "#C81E3C", "label": "Crimson Red" },
|
|
"ignored": { "color": "#666666", "label": "Muted Grey" }
|
|
}
|
|
}
|