diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/THEMES.md | 81 |
1 files changed, 47 insertions, 34 deletions
diff --git a/docs/THEMES.md b/docs/THEMES.md index b170047..f9ebf07 100644 --- a/docs/THEMES.md +++ b/docs/THEMES.md @@ -23,10 +23,14 @@ single exception below. 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, <serif>)`, -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. +so leaving it unset keeps the default serif. base.css also declares a named +font-family palette in `:root` — `--font-serif`, `--font-serif-old`, +`--font-serif-classic`, `--font-serif-iowan`, `--font-sans`, +`--font-sans-humanist` (plus the pre-existing `--font-mono`) — all system-font +stacks, no webfonts. Every built-in theme sets `--theme-font` to one of +these, so each has its own distinct reading face (see the table below); +`memento_mori` sets it to `--font-mono`. Set this one variable if you want a +different reading face — never a bare `font-family` on an element. **Monospace for any theme.** Independently of the theme, `lectio-web` can force the reading face to monospace: set `web_mono = true` in your config, or flip the @@ -102,39 +106,48 @@ a:hover, a:focus { color: var(--accent); } Religious orders: -- **transfiguration** (dark) — bg `#262e28`, fg `#e6dec6`, accent `#d3b380` - (gold), muted `#99a18c`, link/refrain `#97ad6e` (olive), border `#4a5347`. - Verse numbers use the gold accent rather than muted, matching the source - transfiguration theme. -- **desert_fathers** (light) — sand `#ede4d3` / umber `#4a3f2f`, accent - ochre `#b8894a`. -- **benedictines** (dark) — black habit `#17130f` / parchment `#e8dcc0`, - accent gold `#c9a227`. -- **franciscans** (dark, warm) — undyed brown `#31271f` / `#e0d5c3`, accent - tau/terracotta `#a8703a`, link/refrain olive. -- **memento_mori** (dark, greyscale) — ash `#1a1a1a` / bone `#d8d4cc`; - `#7a4a42` (dried blood) is reserved for the `.error` role only. -- **dominicans** (black & white) — white habit `#f6f5f3` / black cappa - `#1c1c1c`; greyscale only, no accent colour. +- **transfiguration** (dark, serif `--font-serif`) — bg `#262e28`, fg + `#e6dec6`, accent `#d3b380` (gold), muted `#99a18c`, link/refrain `#97ad6e` + (olive), border `#4a5347`. Verse numbers use the gold accent rather than + muted, matching the source transfiguration theme. +- **desert_fathers** (light, Iowan serif `--font-serif-iowan`) — sand + `#ede4d3` / umber `#4a3f2f`, accent ochre `#bd7a24`. +- **benedictines** (dark, old-style serif `--font-serif-old`) — black habit + `#17130f` / parchment `#e8dcc0`, accent gold `#c9a227`. +- **franciscans** (dark, warm, humanist sans `--font-sans-humanist`) — + undyed brown `#31271f` / `#e0d5c3`, accent tau/terracotta `#b56626`, + link/refrain olive. +- **memento_mori** (dark, bare monospace `--font-mono`, no role colours) — + ash `#121212` / bone-grey `#c9c9c9`; every reading role (muted, accent, + link, refrain) resolves to the same plain foreground — headings and + verse numbers are distinguished only by base.css's bold/size, not colour. + `#7a4a42` (dried blood) is reserved for the `.error` role, the theme's + only non-bare colour. +- **dominicans** (black & white, classic serif `--font-serif-classic`) — + white habit `#f6f5f3` / black cappa `#1c1c1c`; greyscale only, no accent + colour. Liturgical seasons and feasts: -- **advent** (dark violet) — `#241b33` / `#e6e0ef`, accent violet - `#8a6db0`, refrain rose `#b0708a`. -- **nativity** (light, white/gold) — `#faf6ec` / `#3a3226`, accent gold - `#c9a227`, refrain evergreen `#4a7a5a`. -- **lent** (dark, ashen violet) — `#2a2530` / `#cfc8d2`, accent muted - violet `#7a6a86`, refrain dried rose `#8a6a72`. -- **easter** (light, radiant white/gold) — `#fdfbf4` / `#33302a`, accent - bright gold `#d4af37`. -- **pentecost** (red/white/gold) — scarlet `#4d1418` / cream `#f5ecdb`, - 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`. +- **advent** (dark violet, classic serif `--font-serif-classic`) — + `#241b33` / `#e6e0ef`, accent violet `#9a63d6`, refrain rose `#b0708a`. +- **nativity** (light, white/gold, old-style serif `--font-serif-old`) — + `#faf6ec` / `#3a3226`, accent gold `#c9a227`, refrain evergreen `#4a7a5a`. +- **lent** (dark, ashen violet, serif `--font-serif`) — `#2a2530` / + `#cfc8d2`, accent muted violet `#7a6a86`, refrain dried rose `#8a6a72`. +- **easter** (light, radiant white/gold, Iowan serif `--font-serif-iowan`) — + `#fdfbf4` / `#33302a`, accent bright gold `#d4af37`. +- **pentecost** (red/white/gold, humanist sans `--font-sans-humanist`) — + scarlet `#4d1418` / cream `#f5ecdb`, accent gold `#e2b74a`, refrain soft + gold `#e0c074`. +- **ordinary** (light green, sans `--font-sans`) — `#eef2e6` / `#33382e`, + accent green `#4f8a2a`. +- **epiphany** (dark, indigo/gold, serif `--font-serif`) — indigo night + `#131a2e` / starlight `#e6e8f2`, accent star gold `#d9bf6a`, refrain gold + `#c9a94e`. +- **marian** (light, blue/white/gold, old-style serif `--font-serif-old`) — + white-blue `#f3f6fb` / navy `#23303f`, accent Marian blue `#255fbf`, + 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. |