https://phantompixeldev.github.io/hugo-theme-retrocss/categories/dark-mode/Recent content in Dark mode on Retro DispatchHugoen-us© 2026 Retro DispatchFri, 14 Aug 2026 00:00:00 +0000https://phantompixeldev.github.io/hugo-theme-retrocss/posts/painting-the-right-theme/Fri, 14 Aug 2026 00:00:00 +0000https://phantompixeldev.github.io/hugo-theme-retrocss/posts/painting-the-right-theme/<p>A theme flash is not a rendering quirk. It is a page admitting that it decided what colour to be after it had already been drawn.</p> <h2 id="do-it-in-css"> Do it in CSS <a class="heading-anchor" href="#do-it-in-css" aria-label="Link to Do it in CSS"><span aria-hidden="true">#</span></a> </h2> <p>The dark palette is emitted twice: once for <code>[data-theme=&quot;dark&quot;]</code>, and once under <code>@media (prefers-color-scheme: dark)</code> for <code>:root:not([data-theme=&quot;light&quot;])</code>. A visitor whose system is dark gets dark on the first paint, before any script has run — before the bundle has even been requested.</p>