JCBSComputer
70 lines
2.5 KiB
JSON
70 lines
2.5 KiB
JSON
{
|
|
"name": "Cyberpunk",
|
|
"description": "Neon-cyberpunk theme with cyan grid, magenta accents, and futuristic glow",
|
|
"dark": {
|
|
"colors": {
|
|
"background": "240 30% 4%",
|
|
"foreground": "180 50% 95%",
|
|
"primary": "180 100% 50%",
|
|
"secondary": "280 80% 55%",
|
|
"accent": "280 80% 55%",
|
|
"muted": "240 15% 15%",
|
|
"border": "180 30% 20%",
|
|
"ring": "180 100% 50%",
|
|
"card": "240 25% 8%",
|
|
"popover": "240 25% 8%"
|
|
},
|
|
"textColors": {
|
|
"heading": "linear-gradient(135deg, hsl(180,100%,50%), hsl(280,80%,55%))",
|
|
"link": "hsl(180, 100%, 55%)",
|
|
"link-hover": "hsl(280, 80%, 60%)",
|
|
"code": "hsl(180, 100%, 55%)",
|
|
"blockquote": "hsl(180, 20%, 70%)",
|
|
"table-header": "hsl(180, 100%, 55%)",
|
|
"stat-card-value": "hsl(180, 100%, 55%)",
|
|
"badge": "hsl(180, 100%, 55%)",
|
|
"page-header-title": "hsl(180, 100%, 55%)",
|
|
"text-glow": "0 0 10px hsl(180,100%,50%), 0 0 30px hsl(180,100%,50%), 0 0 60px rgba(0,255,255,0.5)"
|
|
},
|
|
"backgrounds": {
|
|
"body": "Deep navy-black with cyan grid lines, cyan and magenta neon glow gradients, and glowing dot particles",
|
|
"grid-color": "rgba(0, 255, 255, 0.03)",
|
|
"grid-size": "40px",
|
|
"glow-colors": ["rgba(0, 255, 255, 0.08)", "rgba(255, 0, 255, 0.08)"]
|
|
},
|
|
"effects": {
|
|
"body-background-animation": "neon-drift 20s ease-in-out infinite alternate"
|
|
}
|
|
},
|
|
"light": {
|
|
"colors": {
|
|
"background": "180 20% 96%",
|
|
"foreground": "240 40% 10%",
|
|
"primary": "180 100% 40%",
|
|
"secondary": "280 60% 50%",
|
|
"accent": "280 60% 50%",
|
|
"muted": "180 15% 88%",
|
|
"border": "180 15% 82%",
|
|
"ring": "180 100% 40%",
|
|
"card": "0 0% 100%",
|
|
"popover": "0 0% 100%"
|
|
},
|
|
"textColors": {
|
|
"heading": "linear-gradient(135deg, hsl(180,100%,35%), hsl(280,60%,45%))",
|
|
"link": "hsl(180, 100%, 35%)",
|
|
"link-hover": "hsl(280, 60%, 50%)",
|
|
"code": "hsl(280, 60%, 45%)",
|
|
"blockquote": "hsl(240, 10%, 45%)",
|
|
"table-header": "hsl(180, 100%, 35%)",
|
|
"stat-card-value": "hsl(180, 100%, 35%)",
|
|
"badge": "hsl(180, 100%, 35%)",
|
|
"page-header-title": "hsl(180, 100%, 35%)",
|
|
"text-glow": "0 0 8px hsl(180,100%,40%), 0 0 20px hsl(180,100%,40%), 0 0 40px rgba(0,200,200,0.3)"
|
|
},
|
|
"backgrounds": {
|
|
"body": "Light with subtle cyan and magenta gradient washes and faint grid lines",
|
|
"glow-colors": ["rgba(0, 200, 200, 0.05)", "rgba(200, 0, 200, 0.04)"]
|
|
}
|
|
}
|
|
}
|