/* * Dark mode override for the Trove theme. * * WordPress emits global-styles colours as CSS custom properties on :root * (e.g. --wp--preset--color--surface). Every colour reference in theme.json * for background/text uses var(--wp--preset--color--surface|ink) rather than * a literal hex, specifically so this file can flip them by re-declaring the * same custom properties under .dark - no duplicate ruleset needed. * * The consuming Angular app toggles a `dark` class on . This file is * enqueued as a separate stylesheet (not inlined) so it is guaranteed to be * concatenated after WordPress's own inline global-styles block by * WordpressContentClient, giving it equal-specificity source-order priority * over :root. * * Brand accent colours (teal/red/gold) are left unchanged here - each holds * acceptable contrast against the dark surface below. Blue is lightened * because pure #0000ff is too low-luminance to read as body/link text on a * dark background. These are placeholder judgement calls, not values taken * from an approved dark-mode brand mockup - replace them if/when one exists. */ .dark { --wp--preset--color--surface: #101418; --wp--preset--color--ink: #f2f2f2; --wp--preset--color--blue: #7c8aff; }