Dark Mode Design

Dark mode is not light mode inverted. It's a distinct design that requires its own surface hierarchy, color logic, and testing approach.

The Core Principle: Elevation Through Luminance

On light backgrounds, elevation is shown with shadows (darker = higher). On dark backgrounds, shadows don't read. Instead, elevated surfaces get lighter.

Surface Tokens (Minimum 4 Levels)