Update neutral hex values
Purpose
In #335 (closed) the conclusion was that we could proceed with the existing palette for dark mode. This is still true, however, after much time exploring dark mode options we feel that a few small changes with limited scope will make the resulting dark mode UI that much better.
Scope
- 700–950 neutral color steps
- Normalizing with the chromatic palette ramps isn't necessary at this time
The following adjustments were made:
- Even lightness steps
- Normalize chroma
| Before | After |
|---|---|
 |
 |
Results
These minor changes lead to more desired subtly and consistency between steps in the neutral palette. In dark mode, the difference between darker steps like this is often more perceptible with less light being emitted. Since these steps are used in the proposed design tokens for light mode too, a before/after comparison has been added to show these changes. Since they're shifting darker it only increases contrast without greatly impacting the ability to differentiate the steps, which is already minor.
| Before | After |
|---|---|
 |
 |
 |
 |
Next steps
-
MR in GitLab UI to update design tokens -
Branch in Pajamas UI Kit Component Library -
Update design token spreadsheet