elia — Theming

Every component reads CSS custom properties: surfaces (--page, --canvas, --surface, --inset, --hover, --field), ink (--ink, --ink-2, --ink-3), structure (--line, --line-strong), accent (--accent, --accent-ink, --accent-tint), status (--green/--orange/--red + tints), shadows, radii (chip 6 / control 8 / card 10) and easings.

Scopes: :root (light) · .dark (dark) · .band (always-dark section).

Neutral theme

@import "@aile.sh/elia/styles/elia.css";
@import "@aile.sh/elia/styles/neutral.css"; /* cool neutral palette */

Or define your own brand: copy the :root/.dark block from elia.css and change the values.