74 lines
3.0 KiB
CSS
74 lines
3.0 KiB
CSS
/* ─────────────────────────────────────────────────────────────────────
|
|
* Theme · terminal-green
|
|
* 80s phosphor terminal. True-black backdrop, single phosphor green.
|
|
* JetBrains Mono is the ONLY font. Sharp 0-2px corners. CRT scanline
|
|
* overlay. Snappy motion (240ms / 480ms / 800ms) — terminal speed.
|
|
*
|
|
* character knobs:
|
|
* • hero numbers — mono, 0 letter-spacing, glow drop-shadow
|
|
* • rule — 1px solid phosphor green
|
|
* • card — 0 radius (terminal cells)
|
|
* • surface — horizontal scanlines (2px) + soft phosphor glow
|
|
* • motion — snappy + linear (terminal not springy)
|
|
* ───────────────────────────────────────────────────────────────────── */
|
|
:root {
|
|
/* ─── palette ─── */
|
|
--shell: #000000;
|
|
--surface: #050a07;
|
|
--surface-2: #0a1410;
|
|
--surface-3: #0f1c17;
|
|
--text: #41ff97;
|
|
--text-2: #2ed084;
|
|
--text-mute: #1a8a55;
|
|
--text-faint: #0f5c39;
|
|
--rule: rgba(65, 255, 151, 0.30);
|
|
--accent: #41ff97;
|
|
--accent-soft: rgba(65, 255, 151, 0.10);
|
|
--accent-glow: rgba(65, 255, 151, 0.7);
|
|
|
|
/* ─── fonts (mono everywhere) ─── */
|
|
--font-display-cn: "JetBrains Mono", "Noto Sans Mono CJK SC", monospace;
|
|
--font-display-en: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
|
|
--font-body: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
|
|
--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
|
|
--font-features: "ss05", "zero", "tnum";
|
|
|
|
/* ─── motion: snappy terminal ─── */
|
|
--ease-quart: cubic-bezier(0.4, 0, 0.2, 1);
|
|
--ease-expo: cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
--dur-quick: 180ms;
|
|
--dur-base: 400ms;
|
|
--dur-slow: 650ms;
|
|
--dur-cinematic: 1000ms;
|
|
|
|
/* ─── design identity: terminal cells ─── */
|
|
--r-card: var(--r-flat); /* SIGNATURE — sharp corners */
|
|
--r-stage: 0;
|
|
--rule-w: 1px;
|
|
--rule-style: solid;
|
|
--hero-num-font: var(--font-mono);
|
|
--hero-num-style: normal;
|
|
--hero-num-weight: 500;
|
|
--hero-num-track: 0;
|
|
--stage-pad-x: 80px;
|
|
--stage-pad-y: 60px;
|
|
--text-shadow: 0 0 8px rgba(65, 255, 151, 0.4);
|
|
--card-shadow: inset 0 0 0 1px var(--rule), 0 0 30px rgba(65, 255, 151, 0.05);
|
|
--shadow-stage:
|
|
0 60px 160px rgba(65, 255, 151, 0.10),
|
|
0 0 0 1px rgba(65, 255, 151, 0.15);
|
|
|
|
/* ─── decoration: CRT scanlines ─── */
|
|
--surface-pattern:
|
|
repeating-linear-gradient(
|
|
0deg,
|
|
transparent 0px,
|
|
transparent 2px,
|
|
rgba(65, 255, 151, 0.04) 2px,
|
|
rgba(65, 255, 151, 0.04) 3px
|
|
);
|
|
--surface-pattern-size: 100% 100%;
|
|
--surface-vignette:
|
|
radial-gradient(ellipse at center, transparent 30%, rgba(0, 30, 15, 0.6) 100%);
|
|
}
|