block/themes-cyberpunk
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
themes-cyberpunk/presets.json
Alex Dunmow 197eb9960b fix(cyberpunk): bundle fonts via theme @font-face + preset typography refs 
The host does not consume LoadedPlugin.BundledFonts (dead code), so the
three fonts.json families (Orbitron/Share Tech Mono/Inter) never loaded and
rendered as fallback sans. Declare @font-face against the served
/templates/cyberpunk/fonts/*.woff2 paths (weights matching fonts.json
exactly) and point every preset's typography.fontHeading/body/mono at
template:cyberpunk:<Family> so --font-heading/body/mono resolve to the
bundled faces. gotham@1.2.0 precedent.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 21:01:18 +08:00

278 lines
8.9 KiB
JSON
Raw Blame History

[
{
"id": "neon-noir",
"name": "Neon Noir",
"description": "Magenta-led tri-accent, the Cyberpunk default",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:cyberpunk:Orbitron",
"fontBody": "template:cyberpunk:Inter",
"fontMono": "template:cyberpunk:Share Tech Mono"
},
"lightColors": {
"background": "240 12% 97%",
"foreground": "260 25% 10%",
"card": "240 10% 99%",
"cardForeground": "260 25% 10%",
"popover": "240 10% 99%",
"popoverForeground": "260 25% 10%",
"primary": "320 100% 50%",
"primaryForeground": "0 0% 100%",
"secondary": "260 20% 92%",
"secondaryForeground": "260 25% 10%",
"muted": "260 15% 95%",
"mutedForeground": "260 12% 40%",
"accent": "185 100% 45%",
"accentForeground": "260 25% 10%",
"destructive": "0 90% 55%",
"destructiveForeground": "0 0% 100%",
"border": "260 20% 88%",
"input": "260 20% 88%",
"ring": "320 100% 50%"
},
"darkColors": {
"background": "260 18% 6%",
"foreground": "300 15% 95%",
"card": "260 22% 9%",
"cardForeground": "300 15% 95%",
"popover": "260 22% 9%",
"popoverForeground": "300 15% 95%",
"primary": "320 100% 60%",
"primaryForeground": "260 18% 6%",
"secondary": "260 25% 14%",
"secondaryForeground": "300 15% 95%",
"muted": "260 20% 12%",
"mutedForeground": "260 15% 65%",
"accent": "185 100% 55%",
"accentForeground": "260 18% 6%",
"destructive": "0 95% 62%",
"destructiveForeground": "260 18% 6%",
"border": "260 30% 18%",
"input": "260 30% 16%",
"ring": "320 100% 60%"
}
}
},
{
"id": "acid-rain",
"name": "Acid Rain",
"description": "Cyan-led, cooler chrome variant",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:cyberpunk:Orbitron",
"fontBody": "template:cyberpunk:Inter",
"fontMono": "template:cyberpunk:Share Tech Mono"
},
"lightColors": {
"background": "200 25% 97%",
"foreground": "220 30% 10%",
"card": "200 20% 99%",
"cardForeground": "220 30% 10%",
"popover": "200 20% 99%",
"popoverForeground": "220 30% 10%",
"primary": "185 100% 40%",
"primaryForeground": "220 25% 5%",
"secondary": "200 25% 92%",
"secondaryForeground": "220 30% 10%",
"muted": "200 20% 95%",
"mutedForeground": "220 15% 40%",
"accent": "320 95% 55%",
"accentForeground": "0 0% 100%",
"destructive": "0 90% 55%",
"destructiveForeground": "0 0% 100%",
"border": "200 25% 88%",
"input": "200 25% 88%",
"ring": "185 100% 40%"
},
"darkColors": {
"background": "220 25% 5%",
"foreground": "180 25% 92%",
"card": "220 28% 8%",
"cardForeground": "180 25% 92%",
"popover": "220 28% 8%",
"popoverForeground": "180 25% 92%",
"primary": "185 100% 55%",
"primaryForeground": "220 25% 5%",
"secondary": "220 28% 13%",
"secondaryForeground": "180 25% 92%",
"muted": "220 25% 11%",
"mutedForeground": "200 20% 65%",
"accent": "320 100% 65%",
"accentForeground": "220 25% 5%",
"destructive": "0 95% 62%",
"destructiveForeground": "220 25% 5%",
"border": "200 40% 18%",
"input": "200 40% 16%",
"ring": "185 100% 55%"
}
}
},
{
"id": "toxic-bloom",
"name": "Toxic Bloom",
"description": "Lime-led, we shipped at 3am",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:cyberpunk:Orbitron",
"fontBody": "template:cyberpunk:Inter",
"fontMono": "template:cyberpunk:Share Tech Mono"
},
"lightColors": {
"background": "100 15% 97%",
"foreground": "120 20% 10%",
"card": "100 12% 99%",
"cardForeground": "120 20% 10%",
"popover": "100 12% 99%",
"popoverForeground": "120 20% 10%",
"primary": "90 90% 38%",
"primaryForeground": "120 25% 5%",
"secondary": "100 15% 92%",
"secondaryForeground": "120 20% 10%",
"muted": "100 12% 95%",
"mutedForeground": "120 12% 40%",
"accent": "320 100% 55%",
"accentForeground": "0 0% 100%",
"destructive": "0 90% 55%",
"destructiveForeground": "0 0% 100%",
"border": "100 15% 88%",
"input": "100 15% 88%",
"ring": "90 90% 38%"
},
"darkColors": {
"background": "120 15% 5%",
"foreground": "90 30% 92%",
"card": "120 18% 8%",
"cardForeground": "90 30% 92%",
"popover": "120 18% 8%",
"popoverForeground": "90 30% 92%",
"primary": "90 100% 55%",
"primaryForeground": "120 25% 5%",
"secondary": "120 18% 13%",
"secondaryForeground": "90 30% 92%",
"muted": "120 15% 11%",
"mutedForeground": "100 15% 65%",
"accent": "320 100% 65%",
"accentForeground": "120 25% 5%",
"destructive": "0 95% 62%",
"destructiveForeground": "120 25% 5%",
"border": "100 25% 18%",
"input": "100 25% 16%",
"ring": "90 100% 55%"
}
}
},
{
"id": "hotline",
"name": "Hotline",
"description": "Sunset pink over teal — vaporwave arcade at dusk",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:cyberpunk:Orbitron",
"fontBody": "template:cyberpunk:Inter",
"fontMono": "template:cyberpunk:Share Tech Mono"
},
"lightColors": {
"background": "30 40% 97%",
"foreground": "300 30% 12%",
"card": "30 35% 99%",
"cardForeground": "300 30% 12%",
"popover": "30 35% 99%",
"popoverForeground": "300 30% 12%",
"primary": "330 95% 55%",
"primaryForeground": "0 0% 100%",
"secondary": "30 35% 92%",
"secondaryForeground": "300 30% 12%",
"muted": "30 25% 94%",
"mutedForeground": "300 15% 40%",
"accent": "170 85% 40%",
"accentForeground": "0 0% 100%",
"destructive": "0 90% 55%",
"destructiveForeground": "0 0% 100%",
"border": "30 30% 87%",
"input": "30 30% 87%",
"ring": "330 95% 55%"
},
"darkColors": {
"background": "285 35% 7%",
"foreground": "20 40% 94%",
"card": "285 38% 10%",
"cardForeground": "20 40% 94%",
"popover": "285 38% 10%",
"popoverForeground": "20 40% 94%",
"primary": "330 100% 64%",
"primaryForeground": "285 35% 7%",
"secondary": "285 30% 15%",
"secondaryForeground": "20 40% 94%",
"muted": "285 28% 13%",
"mutedForeground": "20 25% 66%",
"accent": "170 90% 55%",
"accentForeground": "285 35% 7%",
"destructive": "0 95% 62%",
"destructiveForeground": "285 35% 7%",
"border": "300 35% 20%",
"input": "300 35% 18%",
"ring": "330 100% 64%"
}
}
},
{
"id": "ghost-protocol",
"name": "Ghost Protocol",
"description": "Monochrome terminal — white phosphor on black, restrained neon",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:cyberpunk:Orbitron",
"fontBody": "template:cyberpunk:Inter",
"fontMono": "template:cyberpunk:Share Tech Mono"
},
"lightColors": {
"background": "0 0% 98%",
"foreground": "0 0% 8%",
"card": "0 0% 100%",
"cardForeground": "0 0% 8%",
"popover": "0 0% 100%",
"popoverForeground": "0 0% 8%",
"primary": "0 0% 12%",
"primaryForeground": "0 0% 98%",
"secondary": "0 0% 92%",
"secondaryForeground": "0 0% 8%",
"muted": "0 0% 94%",
"mutedForeground": "0 0% 38%",
"accent": "160 90% 38%",
"accentForeground": "0 0% 100%",
"destructive": "0 85% 50%",
"destructiveForeground": "0 0% 100%",
"border": "0 0% 86%",
"input": "0 0% 86%",
"ring": "160 90% 38%"
},
"darkColors": {
"background": "0 0% 4%",
"foreground": "150 15% 92%",
"card": "0 0% 7%",
"cardForeground": "150 15% 92%",
"popover": "0 0% 7%",
"popoverForeground": "150 15% 92%",
"primary": "150 90% 60%",
"primaryForeground": "0 0% 4%",
"secondary": "0 0% 12%",
"secondaryForeground": "150 15% 92%",
"muted": "0 0% 10%",
"mutedForeground": "150 8% 62%",
"accent": "150 100% 66%",
"accentForeground": "0 0% 4%",
"destructive": "0 95% 62%",
"destructiveForeground": "0 0% 4%",
"border": "150 15% 16%",
"input": "150 15% 14%",
"ring": "150 90% 60%"
}
}
}
]
Reference in New Issue View Git Blame Copy Permalink