LPDP GRONINGEN / ARCHITECTURE
Dark Mode
Identity continuity in light and dark modes without creating a second brand.
On this pageSemantic rolesImplementation checks
Semantic roles
Dark mode adapts surfaces and contrast, not the five core colors or font roles. Use the white logo on navy surfaces. Do not invert the normal logo in CSS.
Implementation checks
Use the semantic application tokens already available in each product. Test contrast, focus, statuses and readability per theme; do not invent a new dark palette in this portal.