/* ===================================================================== * Bondgenoot — themes/skins.css (CL-C F190 — user-settings persistente thema) * /assets/css/themes/skins.css * * Persistente thema-voorkeur (bg_user_prefs:ui.theme) wordt door de * layouts als data-theme="..." op de -tag gezet. 'standaard' * krijgt GEEN attribuut → klassiek perkament (tokens.css onveranderd). * * Elke skin overschrijft alleen de hoofd-tokens; de rest erft door zodat * componenten niet apart aangepast hoeven worden. Eigen kleurcurves * (geen 1:1-overname van bestaande themes elders). * * Geldige waarden (zie User\UserPrefsLookup::THEMES): * standaard · donker · sepia · contrast * ===================================================================== */ /* ---------- DONKER — gedempt perkament op donkere ondergrond ---------- */ html[data-theme="donker"] { --bg-parchment-1: #2A2017; --bg-parchment-2: #241B13; --bg-parchment-3: #1D150E; --bg-parchment: #241B13; --bg-parchment-dark:#15100A; --bg-creme: #2E2418; --text-on-parchment: #E7D7B2; --text-on-parchment-muted: #B7A079; --text-on-parchment-faint: #8A7654; --border-parchment-strong: rgba(190, 150, 70, 0.42); --parchment-stain: rgba(20, 14, 6, 0.30); --parchment-stain-dark: rgba(10, 7, 3, 0.42); } /* ---------- SEPIA — warmer, zachter, lager contrast ---------- */ html[data-theme="sepia"] { --bg-parchment-1: #F3E6C6; --bg-parchment-2: #EAD8A8; --bg-parchment-3: #D9BE87; --bg-parchment: #EEDCB2; --bg-parchment-dark:#C7A56C; --bg-creme: #F5E8C5; --text-on-parchment: #3B2A12; --text-on-parchment-muted: #7A5A2E; --text-on-parchment-faint: #9C8050; } /* ---------- HOOG CONTRAST — toegankelijkheid (WCAG AAA-richting) ---------- */ html[data-theme="contrast"] { --bg-parchment-1: #FFFFFF; --bg-parchment-2: #F7F2E4; --bg-parchment-3: #ECE3CC; --bg-parchment: #FFFFFF; --bg-parchment-dark:#D8CBA6; --bg-creme: #FFFFFF; --text-on-parchment: #000000; --text-on-parchment-muted: #2A1E08; --text-on-parchment-faint: #463411; --gold: #6E4E12; --gold-deep: #4F3808; --gold-soft: #7E5C1E; --border-parchment-strong: rgba(40, 28, 6, 0.85); }