885dd372e7
Full LCARS library-computer interface for a sci-fi podcast/media outfit. Codeless .bnp. Re-skins every mandatory builtin inside LCARS framing and ships the full Wave A surface. - 49 mandatory template overrides (chrome, marketing, primitives, commerce, blog family, auth, page-suggestions), field-faithful re-skins of the frozen builtin defaults; identity carried by the lcars-* class system. - 8 page templates (default+sidebar rail, full-width, full-display, landing, article, blog-index, contact, auth) with elbow-frame chrome. - 4 persona blocks: episode_console, crew_roster, stardate_log, transmission_status. Legacy lcars_header/sidebar/panel removed (now overrides + page chrome). - 5 dual-mode presets (canonical black + daylight-ops cream), all 19 tokens. - Bundled Antonio + Share Tech Mono (OFL); email-safe LCARS wrapper. - Seed "Subspace Signal": home, about, 3 episodes+articles, contact (hail_signals table + row_inserted email-admins workflow), login. - GO BIG motion: dependency-free canvas panel-sweep on the hero (lazy-init, reduced-motion static frame, no-JS fallback). Build + check-safety green. Visual UNVERIFIED until Wave B. Known frozen-cms limits (contract §11 auth/404 non-dispatch, §12 provider-backed empty lists) authored faithfully. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
253 lines
8.4 KiB
JSON
253 lines
8.4 KiB
JSON
[
|
|
{
|
|
"id": "ops-amber",
|
|
"name": "Ops Amber",
|
|
"description": "Canonical LCARS. Black ops ground with orange, amber, and lilac panels. Light mode is daylight-ops cream with the colour bars kept vivid.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"lightColors": {
|
|
"background": "40 38% 95%",
|
|
"foreground": "28 30% 12%",
|
|
"card": "40 30% 91%",
|
|
"cardForeground": "28 30% 12%",
|
|
"popover": "40 30% 91%",
|
|
"popoverForeground": "28 30% 12%",
|
|
"primary": "28 92% 48%",
|
|
"primaryForeground": "40 38% 96%",
|
|
"secondary": "38 88% 46%",
|
|
"secondaryForeground": "40 38% 96%",
|
|
"muted": "40 24% 88%",
|
|
"mutedForeground": "28 18% 38%",
|
|
"accent": "268 52% 52%",
|
|
"accentForeground": "40 38% 96%",
|
|
"destructive": "2 74% 46%",
|
|
"destructiveForeground": "40 38% 96%",
|
|
"border": "40 22% 82%",
|
|
"input": "40 22% 82%",
|
|
"ring": "28 92% 48%"
|
|
},
|
|
"darkColors": {
|
|
"background": "240 8% 6%",
|
|
"foreground": "40 30% 92%",
|
|
"card": "240 8% 11%",
|
|
"cardForeground": "40 30% 92%",
|
|
"popover": "240 8% 11%",
|
|
"popoverForeground": "40 30% 92%",
|
|
"primary": "28 100% 58%",
|
|
"primaryForeground": "240 8% 6%",
|
|
"secondary": "40 96% 62%",
|
|
"secondaryForeground": "240 8% 6%",
|
|
"muted": "240 6% 16%",
|
|
"mutedForeground": "40 14% 66%",
|
|
"accent": "266 70% 76%",
|
|
"accentForeground": "240 8% 6%",
|
|
"destructive": "0 78% 58%",
|
|
"destructiveForeground": "240 8% 6%",
|
|
"border": "240 6% 20%",
|
|
"input": "240 6% 22%",
|
|
"ring": "28 100% 58%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "red-alert",
|
|
"name": "Red Alert",
|
|
"description": "Condition-one console. Signal red and orange over black, with an amber standby channel. Light mode reads as an emergency daylight console.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"lightColors": {
|
|
"background": "20 34% 95%",
|
|
"foreground": "8 34% 12%",
|
|
"card": "20 28% 91%",
|
|
"cardForeground": "8 34% 12%",
|
|
"popover": "20 28% 91%",
|
|
"popoverForeground": "8 34% 12%",
|
|
"primary": "4 78% 46%",
|
|
"primaryForeground": "20 34% 96%",
|
|
"secondary": "24 90% 48%",
|
|
"secondaryForeground": "20 34% 96%",
|
|
"muted": "20 22% 88%",
|
|
"mutedForeground": "8 18% 38%",
|
|
"accent": "40 92% 46%",
|
|
"accentForeground": "20 34% 96%",
|
|
"destructive": "0 80% 42%",
|
|
"destructiveForeground": "20 34% 96%",
|
|
"border": "20 20% 82%",
|
|
"input": "20 20% 82%",
|
|
"ring": "4 78% 46%"
|
|
},
|
|
"darkColors": {
|
|
"background": "0 12% 6%",
|
|
"foreground": "20 30% 92%",
|
|
"card": "0 12% 11%",
|
|
"cardForeground": "20 30% 92%",
|
|
"popover": "0 12% 11%",
|
|
"popoverForeground": "20 30% 92%",
|
|
"primary": "4 86% 60%",
|
|
"primaryForeground": "0 12% 6%",
|
|
"secondary": "24 100% 58%",
|
|
"secondaryForeground": "0 12% 6%",
|
|
"muted": "0 8% 16%",
|
|
"mutedForeground": "20 14% 66%",
|
|
"accent": "42 98% 60%",
|
|
"accentForeground": "0 12% 6%",
|
|
"destructive": "0 84% 62%",
|
|
"destructiveForeground": "0 12% 6%",
|
|
"border": "0 8% 20%",
|
|
"input": "0 8% 22%",
|
|
"ring": "4 86% 60%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "blue-console",
|
|
"name": "Blue Console",
|
|
"description": "24th-century sciences layout. Periwinkle blue and cyan panels with an orange action channel over black. Light mode is a bright bridge console.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"lightColors": {
|
|
"background": "215 34% 96%",
|
|
"foreground": "220 32% 14%",
|
|
"card": "215 28% 92%",
|
|
"cardForeground": "220 32% 14%",
|
|
"popover": "215 28% 92%",
|
|
"popoverForeground": "220 32% 14%",
|
|
"primary": "222 62% 48%",
|
|
"primaryForeground": "215 34% 97%",
|
|
"secondary": "190 70% 40%",
|
|
"secondaryForeground": "215 34% 97%",
|
|
"muted": "215 22% 89%",
|
|
"mutedForeground": "220 16% 38%",
|
|
"accent": "28 92% 50%",
|
|
"accentForeground": "215 34% 97%",
|
|
"destructive": "2 74% 46%",
|
|
"destructiveForeground": "215 34% 97%",
|
|
"border": "215 20% 83%",
|
|
"input": "215 20% 83%",
|
|
"ring": "222 62% 48%"
|
|
},
|
|
"darkColors": {
|
|
"background": "222 20% 7%",
|
|
"foreground": "210 28% 92%",
|
|
"card": "222 20% 12%",
|
|
"cardForeground": "210 28% 92%",
|
|
"popover": "222 20% 12%",
|
|
"popoverForeground": "210 28% 92%",
|
|
"primary": "220 78% 66%",
|
|
"primaryForeground": "222 20% 7%",
|
|
"secondary": "188 78% 52%",
|
|
"secondaryForeground": "222 20% 7%",
|
|
"muted": "222 16% 17%",
|
|
"mutedForeground": "210 16% 66%",
|
|
"accent": "30 100% 60%",
|
|
"accentForeground": "222 20% 7%",
|
|
"destructive": "0 80% 60%",
|
|
"destructiveForeground": "222 20% 7%",
|
|
"border": "222 14% 22%",
|
|
"input": "222 14% 24%",
|
|
"ring": "220 78% 66%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "nebula",
|
|
"name": "Nebula",
|
|
"description": "Deep-space media suite. Lilac and magenta panels with a peach action channel over indigo-black. Light mode keeps the nebula hues on soft violet paper.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"lightColors": {
|
|
"background": "280 30% 96%",
|
|
"foreground": "278 30% 14%",
|
|
"card": "280 24% 92%",
|
|
"cardForeground": "278 30% 14%",
|
|
"popover": "280 24% 92%",
|
|
"popoverForeground": "278 30% 14%",
|
|
"primary": "270 56% 50%",
|
|
"primaryForeground": "280 30% 97%",
|
|
"secondary": "322 66% 48%",
|
|
"secondaryForeground": "280 30% 97%",
|
|
"muted": "280 20% 89%",
|
|
"mutedForeground": "278 16% 40%",
|
|
"accent": "22 88% 54%",
|
|
"accentForeground": "280 30% 97%",
|
|
"destructive": "2 74% 46%",
|
|
"destructiveForeground": "280 30% 97%",
|
|
"border": "280 18% 83%",
|
|
"input": "280 18% 83%",
|
|
"ring": "270 56% 50%"
|
|
},
|
|
"darkColors": {
|
|
"background": "268 24% 7%",
|
|
"foreground": "285 26% 92%",
|
|
"card": "268 24% 12%",
|
|
"cardForeground": "285 26% 92%",
|
|
"popover": "268 24% 12%",
|
|
"popoverForeground": "285 26% 92%",
|
|
"primary": "268 74% 74%",
|
|
"primaryForeground": "268 24% 7%",
|
|
"secondary": "322 82% 64%",
|
|
"secondaryForeground": "268 24% 7%",
|
|
"muted": "268 18% 17%",
|
|
"mutedForeground": "285 16% 66%",
|
|
"accent": "24 96% 64%",
|
|
"accentForeground": "268 24% 7%",
|
|
"destructive": "0 80% 62%",
|
|
"destructiveForeground": "268 24% 7%",
|
|
"border": "268 16% 22%",
|
|
"input": "268 16% 24%",
|
|
"ring": "268 74% 74%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "medbay-green",
|
|
"name": "Medbay Green",
|
|
"description": "Sickbay diagnostic layout. Teal and green panels with an amber alert channel over black. Light mode is a clean daylight medbay readout.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"lightColors": {
|
|
"background": "150 26% 96%",
|
|
"foreground": "165 30% 12%",
|
|
"card": "150 22% 92%",
|
|
"cardForeground": "165 30% 12%",
|
|
"popover": "150 22% 92%",
|
|
"popoverForeground": "165 30% 12%",
|
|
"primary": "168 62% 34%",
|
|
"primaryForeground": "150 26% 97%",
|
|
"secondary": "142 58% 40%",
|
|
"secondaryForeground": "150 26% 97%",
|
|
"muted": "150 18% 89%",
|
|
"mutedForeground": "165 16% 38%",
|
|
"accent": "40 92% 48%",
|
|
"accentForeground": "150 26% 97%",
|
|
"destructive": "2 74% 46%",
|
|
"destructiveForeground": "150 26% 97%",
|
|
"border": "150 16% 83%",
|
|
"input": "150 16% 83%",
|
|
"ring": "168 62% 34%"
|
|
},
|
|
"darkColors": {
|
|
"background": "168 18% 6%",
|
|
"foreground": "150 24% 92%",
|
|
"card": "168 18% 11%",
|
|
"cardForeground": "150 24% 92%",
|
|
"popover": "168 18% 11%",
|
|
"popoverForeground": "150 24% 92%",
|
|
"primary": "168 72% 52%",
|
|
"primaryForeground": "168 18% 6%",
|
|
"secondary": "142 66% 56%",
|
|
"secondaryForeground": "168 18% 6%",
|
|
"muted": "168 14% 16%",
|
|
"mutedForeground": "150 14% 66%",
|
|
"accent": "42 98% 60%",
|
|
"accentForeground": "168 18% 6%",
|
|
"destructive": "0 80% 60%",
|
|
"destructiveForeground": "168 18% 6%",
|
|
"border": "168 12% 21%",
|
|
"input": "168 12% 23%",
|
|
"ring": "168 72% 52%"
|
|
}
|
|
}
|
|
}
|
|
]
|