JCBSComputer
88 lines
3.3 KiB
JSON
88 lines
3.3 KiB
JSON
{
|
|
"theme": {
|
|
"id": "spidey",
|
|
"name": "Spidey",
|
|
"description": "Dark mode with red accents and web patterns; light mode with clean red-blue accents",
|
|
"type": "dual",
|
|
"default": true
|
|
},
|
|
"modes": {
|
|
"dark": {
|
|
"colors": {
|
|
"background": "hsl(222.2, 84%, 4.9%)",
|
|
"foreground": "hsl(210, 40%, 98%)",
|
|
"card": "hsl(222.2, 84%, 4.9%)",
|
|
"cardForeground": "hsl(210, 40%, 98%)",
|
|
"popover": "hsl(222.2, 84%, 4.9%)",
|
|
"popoverForeground": "hsl(210, 40%, 98%)",
|
|
"primary": "hsl(0, 100%, 53%)",
|
|
"primaryForeground": "hsl(222.2, 47.4%, 11.2%)",
|
|
"secondary": "hsl(217.2, 32.6%, 17.5%)",
|
|
"secondaryForeground": "hsl(210, 40%, 98%)",
|
|
"muted": "hsl(217.2, 32.6%, 17.5%)",
|
|
"mutedForeground": "hsl(215, 20.2%, 65.1%)",
|
|
"accent": "hsl(217.2, 32.6%, 17.5%)",
|
|
"accentForeground": "hsl(210, 40%, 98%)",
|
|
"destructive": "hsl(0, 62.8%, 30.6%)",
|
|
"destructiveForeground": "hsl(210, 40%, 98%)",
|
|
"border": "hsl(217.2, 32.6%, 17.5%)",
|
|
"input": "hsl(217.2, 32.6%, 17.5%)",
|
|
"ring": "hsl(0, 100%, 53%)",
|
|
"sidebar": "hsl(222.2, 84%, 4.9%)",
|
|
"sidebarForeground": "hsl(210, 40%, 98%)",
|
|
"sidebarPrimary": "hsl(0, 100%, 53%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(217.2, 32.6%, 17.5%)",
|
|
"sidebarAccentForeground": "hsl(210, 40%, 98%)",
|
|
"sidebarBorder": "hsl(217.2, 32.6%, 17.5%)",
|
|
"sidebarRing": "hsl(0, 100%, 53%)"
|
|
}
|
|
},
|
|
"light": {
|
|
"colors": {
|
|
"background": "hsl(0, 0%, 100%)",
|
|
"foreground": "hsl(222.2, 84%, 4.9%)",
|
|
"card": "hsl(0, 0%, 100%)",
|
|
"cardForeground": "hsl(222.2, 84%, 4.9%)",
|
|
"popover": "hsl(0, 0%, 100%)",
|
|
"popoverForeground": "hsl(222.2, 84%, 4.9%)",
|
|
"primary": "hsl(0, 100%, 45%)",
|
|
"primaryForeground": "hsl(0, 0%, 100%)",
|
|
"secondary": "hsl(210, 40%, 96%)",
|
|
"secondaryForeground": "hsl(222.2, 47.4%, 11.2%)",
|
|
"muted": "hsl(210, 40%, 96%)",
|
|
"mutedForeground": "hsl(215.4, 16.3%, 46.9%)",
|
|
"accent": "hsl(210, 40%, 96%)",
|
|
"accentForeground": "hsl(222.2, 47.4%, 11.2%)",
|
|
"destructive": "hsl(0, 84.2%, 60.2%)",
|
|
"destructiveForeground": "hsl(210, 40%, 98%)",
|
|
"border": "hsl(214.3, 31.8%, 91.4%)",
|
|
"input": "hsl(214.3, 31.8%, 91.4%)",
|
|
"ring": "hsl(0, 100%, 45%)",
|
|
"sidebar": "hsl(0, 0%, 100%)",
|
|
"sidebarForeground": "hsl(222.2, 84%, 4.9%)",
|
|
"sidebarPrimary": "hsl(0, 100%, 45%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(210, 40%, 96%)",
|
|
"sidebarAccentForeground": "hsl(222.2, 47.4%, 11.2%)",
|
|
"sidebarBorder": "hsl(214.3, 31.8%, 91.4%)",
|
|
"sidebarRing": "hsl(0, 100%, 45%)"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": "0.5rem",
|
|
"typography": {
|
|
"fontFamily": "Inter, sans-serif",
|
|
"headingFont": "Inter, sans-serif"
|
|
},
|
|
"keyColors": {
|
|
"primary": "#FF0000",
|
|
"background": "#0a0a0f (dark) / #ffffff (light)",
|
|
"card": "#141414 (dark) / #ffffff (light)",
|
|
"sidebar": "#0a0a0f (dark) / #ffffff (light)",
|
|
"border": "#1a1a24 (dark) / #e2e4ea (light)",
|
|
"text": "#e8e8ef (dark) / #0a0a1a (light)",
|
|
"mutedText": "#888888 (dark) / #6b7280 (light)"
|
|
}
|
|
}
|