/* * FOSFORI — phosphor * DEC VT100 hi-phosphor terminal. * Mounted on the dashboard of a Lada milk truck * that is also an ambulance. * The screen glows green in the same light * that is hitting the stucco in Berlin. * The milk is still cold. * * P39 phosphor: peak emission 525nm. * The persistence is part of the character. * Do not correct it. * * Apply via: * Requires palette.css first. */ [data-theme="fosfori"] { /* ── backgrounds — void and dashboard ───────────────── */ --bg: var(--tyhjyys-lämmin); /* warm void — the CRT ground */ --bg-elevated: var(--kuilu); /* chasm — elevated surface */ --bg-inset: var(--kuilu-syvä); /* deep chasm — inset */ --bg-overlay: var(--kolkko); /* bleak — overlay */ /* ── surfaces ────────────────────────────────────────── */ --surface: var(--kuilu); --surface-hover: var(--kolkko); --surface-active: var(--varjo-lämmin); /* ── borders — chassis seams ─────────────────────────── */ --border-strong: var(--sammal); /* moss green, bright border */ --border: var(--sammal-syvä); /* deep moss, standard */ --border-subtle: var(--mänty); /* pine, almost invisible */ --rule: var(--sammal-syvä); --rule-accent: var(--lehto); /* grove — the lit rule */ /* ── text — phosphor on void ─────────────────────────── */ --text: var(--lehto-kirkas); /* bright grove — primary text */ --text-subdued: var(--sammal-kirkas); /* bright moss — subdued */ --text-muted: var(--sammal); /* moss — muted */ --text-disabled: var(--mänty-kirkas); /* bright pine — disabled */ --text-heading: var(--haapa-kirkas); /* bright birch — headings */ --text-subheading:var(--lehto); /* grove — subheadings */ /* ── accent — the hot pixel ──────────────────────────── */ --accent: var(--lehto-kirkas); /* bright grove — canonical */ --accent-dim: var(--sammal-kirkas); /* moss dim */ --accent-hover: var(--koivu-kirkas); /* bright birch — hover bloom */ --accent-subtle: var(--mänty); /* pine — barely there */ /* ── interactive — same phosphor axis ───────────────── */ --link: var(--trabant-minttu); /* Trabant mint — links */ --link-hover: var(--minttu); /* mint hover */ --link-visited: var(--sammal); /* moss, visited */ --link-active: var(--haapa-kirkas); /* birch, active */ /* ── selection — inverted phosphor ──────────────────── */ --selection-bg: var(--lehto-kirkas); --selection-text: var(--tyhjyys); /* ── code — same terminal, no distinction ────────────── */ --code-bg: var(--kuilu-syvä); --code-text: var(--lehto-kirkas); --code-border: var(--sammal-syvä); /* ── framing ─────────────────────────────────────────── */ --framing-border: var(--lehto); --framing-text: var(--sammal-kirkas); /* ── footer ──────────────────────────────────────────── */ --footer-border: var(--varjo-lämmin); --footer-text: var(--sammal); /* ── dropcap, fi span ────────────────────────────────── */ --dropcap: var(--haapa-kirkas); --fi-text: var(--sammal-kirkas); /* ── rule gradient — phosphor fade ───────────────────── */ --rule-amber-from: transparent; --rule-amber-mid: var(--lehto); --rule-amber-to: transparent; /* ── states ──────────────────────────────────────────── */ --state-error: var(--ruoste-kirkas); /* rust — damage register */ --state-error-bg: var(--multa); /* earth — error ground */ --state-warning: var(--olki); /* straw — warning */ --state-warning-bg: var(--meripihka-hiili); --state-success: var(--lehto-kirkas); --state-success-bg: var(--metsä-syvä); --state-info: var(--trabant-minttu); --state-info-bg: var(--kuilu-syvä); /* ── brand ───────────────────────────────────────────── */ --brand: var(--lehto-kirkas); --brand-dim: var(--sammal-kirkas); }