The dark theme is now verified with DOM-level assertions instead of screenshot comparisons. The Playwright spec at tests/dark-mode.spec.js
loads the homepage with the dark theme enabled and inspects computed styles for critical UI regions.
dark
before any page scripts execute.<html>
element applies data-theme="dark"
.body
, the primary navigation bar, and the first rendered proof card.These assertions target CSS variables so regressions in the palette or class selectors are caught immediately without relying on binary diffs.
npm install
npm run test:browsers
npm test
or run only this spec:npm run test:dark
Playwright starts the Eleventy dev server automatically. No manual screenshot curation is required, and the repository contains no .png
baselines or snapshot folders.