GitLab dark mode is getting a new look

Table of Contents

1. Challenges with the current dark mode
2. Principles guiding the new direction
3. Iterative implementation

Challenges with the current dark mode

The current GitLab dark mode, launched in 2020, has some issues due to its method of algorithmically inverting colors. This has led to inconsistent visual hierarchy, overuse of color, and elements emitting too much light causing visual strain.

Principles guiding the new direction

1. Forward elements are lighter, receding ones are darker to mimic natural light behavior. Using surfaces to make important components stand out more.
2. Reduced color saturation to make the UI visually better structured and more meaningful.
3. Dark mode subtly dims the background while keeping key content clear and visible instead of inverting colors.

Iterative implementation

The new GitLab dark mode will be rolled out gradually with subtle changes to colors, contrast, typography, and component styling, all working towards a more polished and cohesive dark mode. Follow the progress in the dark mode epic for updates.