From ff2a12dd7736164292e838d393c56b3e6f8805c3 Mon Sep 17 00:00:00 2001 From: Lukasz Kasprzak Date: Thu, 23 Jul 2026 15:53:36 +0200 Subject: web: add dominicans/marian/epiphany themes + --theme-font hook (memento_mori monospace) --- docs/THEMES.md | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) (limited to 'docs') diff --git a/docs/THEMES.md b/docs/THEMES.md index ba7627a..3366715 100644 --- a/docs/THEMES.md +++ b/docs/THEMES.md @@ -11,11 +11,22 @@ A theme file may set **colours** (and colours alone) on the roles listed below. It must never: - set a background image, gradient, shadow, animation or transition, -- change fonts, font sizes, spacing, borders' width/style, or layout, +- change font sizes, spacing, borders' width/style, or layout, - add rounded corners or any other chrome base.css doesn't already have. If a rule in your theme isn't a `color`, `background`/`background-color`, -or `border-color` declaration, it doesn't belong in a theme file. +or `border-color` declaration, it doesn't belong in a theme file — with the +single exception below. + +### The one non-colour override: `--theme-font` + +A theme may set the custom property `--theme-font` to change the **reading +typeface** (and only the typeface — base.css still owns every size and +spacing). base.css reads it as `--font-reading: var(--theme-font, )`, +so leaving it unset keeps the default serif. The built-in `memento_mori` +sets it to a monospace stack; every other built-in leaves it alone. Set this +one variable if you want a different reading face — never a bare +`font-family` on an element. ## The role variables and classes @@ -100,8 +111,10 @@ Religious orders: - **deus_vult** (light, silver/white/red) — silver-white `#edeff2` / steel `#2a2f34`, accent Templar red `#b31b25`, muted/border silver, refrain deep red `#8f2028`. +- **dominicans** (light, black/white/gold) — white habit `#f5f4f1` / black + cappa `#18181b`, accent shield gold `#96771e`, refrain gold `#857529`. -Liturgical seasons: +Liturgical seasons and feasts: - **advent** (dark violet) — `#241b33` / `#e6e0ef`, accent violet `#8a6db0`, refrain rose `#b0708a`. @@ -115,6 +128,10 @@ Liturgical seasons: accent gold `#e2b74a`, refrain soft gold `#e0c074`. - **ordinary** (light green) — `#eef2e6` / `#33382e`, accent green `#5a7a3f`. +- **epiphany** (dark, indigo/gold) — indigo night `#131a2e` / starlight + `#e6e8f2`, accent star gold `#d9bf6a`, refrain gold `#c9a94e`. +- **marian** (light, blue/white/gold) — white-blue `#f3f6fb` / navy + `#23303f`, accent Marian blue `#2f5fa6`, refrain gold `#b08d3a`. The exact hex values live in `internal/web/static/themes/*.css` — this list is a quick reference, the CSS files are the source of truth. -- cgit v1.3