Dark Mode Architecture: Beyond Inverting Hex Colors

A catastrophic mistake in early dark mode implementations is naive color inversion (making black white and white black). Dark mode requires perceptual brightness calibration:

1. Elevation by Lightness, Not Shadow: In dark interfaces, drop shadows are virtually invisible against dark backgrounds. Elevation is communicated by making higher surfaces progressively lighter gray (e.g. Base canvas: #121212, Card: #1e1e1e, Modal: #2d2d2d).
2. Desaturating Saturated Primaries: Pure vibrant primary colors that look crisp on white backgrounds cause intense visual vibration (chromatic aberration) on pitch black. Primary colors must be desaturated by 10–20% in dark mode to pass contrast comfortably.