Notes · Dark Mode
Dark Mode
4 issues tagged with this topic.
Issue 0282026-05-28
Dark mode color systems: why most implementations get it wrong
Dark mode is not just a color inversion. Building a proper dark mode palette requires rethinking the entire color hierarchy — with different luminance relationships, contrast ratios, and chromatic intensity requirements than light mode.
Dark ModeColor SystemsUI DesignAccessibility
Issue 0262026-05-14
Why dark mode colors need more saturation than you think
The most common mistake in dark mode color systems is lifting light-mode colors onto dark backgrounds without adjustment. Colors that look rich and saturated on white appear washed out and gray on dark surfaces. The physics of simultaneous contrast explains why, and the fix is systematic rather than case-by-case.
Dark ModeAccessibilityUI
Issue 0342026-07-09
Color transition strategy: how to animate between palette states without visual chaos
Animated transitions between color states — light to dark mode, hover effects, active states, loading overlays — can enhance an interface or make it feel unstable. The difference is usually in the transition strategy: which properties animate, over what duration, and along which perceptual path.
AnimationUIDark Mode
Issue 0522026-12-24
Dark mode is not just inverted light mode: the design decisions that make it work
Most dark mode implementations are design accidents — light mode with the lightness flipped. Real dark mode design requires different color relationships, different contrast strategies, and different handling of shadows and elevation.
Dark ModeUI/UXDesign Systems
Browse other topics