- landing.css is layout only and uses tokens (colors, fonts, hero, nav) - palettes live in css/landing-<theme>.css; Robotex gets its own dark theme, MyPointVPN sets the same tokens - theme defaults to the project folder name; the build fails if the theme file is missing, so a landing can't ship without styles Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
27 lines
830 B
CSS
27 lines
830 B
CSS
/* Robotex theme: dark night blue, indigo accent, centered hero with a glow. */
|
|
|
|
.theme-robotex {
|
|
--bg: #0b1020;
|
|
--bg-alt: #10172b;
|
|
--surface: rgba(255, 255, 255, .04);
|
|
--surface-hover: rgba(255, 255, 255, .08);
|
|
--border: rgba(255, 255, 255, .09);
|
|
--text: #e6e9f2;
|
|
--muted: #9aa3b8;
|
|
--accent: #7c8cff;
|
|
--accent-strong: #5b6cf0;
|
|
--accent-soft: rgba(124, 140, 255, .15);
|
|
--accent-line: rgba(124, 140, 255, .4);
|
|
--on-accent: #fff;
|
|
--code-bg: #070b16;
|
|
--code-text: #c9d1e8;
|
|
--nav-bg: rgba(11, 16, 32, .8);
|
|
--hero-bg:
|
|
radial-gradient(60rem 30rem at 50% -10%, rgba(124, 140, 255, .22), transparent 70%),
|
|
var(--bg);
|
|
--radius: .9rem;
|
|
--font: 'Inter', system-ui, sans-serif;
|
|
--font-mono: 'JetBrains Mono', monospace;
|
|
}
|
|
.theme-robotex .engine__callout { background: rgba(124, 140, 255, .06); }
|