Description

Include a feature that changes the UI from light to a dark color scheme.

Background

Dark mode is a product-wide setting that adapts the user interface to provide a comfortable experience in low-light environments and, in some cases, improve accessibility for those with visual impairments, as pointed out by NN/g.

As described in Material Design documentation, dark themes also reduce the luminance emitted by device screens and conserve battery power, as devices with OLED screens benefit from the ability to turn off black pixels at any time of day.

Documents

• Project Proposal document (Project proposal for dark mode project #3913)
• Implementation Plan: Dark Mode Frontend #3958
• Current and new color system #4268
• Semantics for the new color system #4325

Designs

• Dark Mode Design Proposal #3959
• Dark mode feature introduction flow #4157
• Site theme switcher (dark mode toggle) #4155

Milestones/Issues

These milestones can be worked on in parallel:

• Dark Mode A - Color Palette
• Dark Mode B - Toggle

Launch Plan

See launch plan here.