3.Dark mode analysis
Overview
Extract both light and dark mode token sets. Compare them to verify that dark mode is a proper inversion, not just a color swap that breaks spacing, type, and component density.
The --dark-mode flag launches the browser with the prefers-color-scheme: dark media query active, extracting the token set as rendered in dark mode. Running two extractions, one without the flag and one with, produces two JSON files that can be loaded side-by-side in the Dembrandt App. This reveals whether dark mode is a complete, coherent implementation or just a surface-level color inversion that misses spacing, typography weight, or component density adjustments.
Extract light mode
Extract dark mode
Two token files. Load both in the Dembrandt App to diff them side-by-side.
More in Extraction
Browse all
All recipes →