Design & Accessibility
What is Dark Mode?
Dark mode is the alternative dark UI theme, more pleasant in low light and saving battery on OLED screens.
Dark mode is not just "invert colors": it requires a dedicated palette (pure black vibrates too much; dark gray is better), recalibrated contrast (WCAG still applies), and image handling (filter or alternate versions).
In code, semantic design tokens solve it (color.surface, color.text), and respecting system preference (prefers-color-scheme) is the most user-friendly default.
Related terms
Frequently asked questions
Does dark mode increase usage/retention?
Little direct, but reduces fatigue in extended use and is expected in modern products — absence reads as lack of polish.
Do I need dark/light/system toggle?
Default should follow system; a manual toggle for override is good practice, especially for users with strong preference.