Dark mode

Topics

Checklist

0 out of

4

Reset

Aligned colours switching with light mode (variables)

Set up a system of colours to invert to make the transition easier to navigate

Brand integrity

Maintain style of existing brand through primary, non-neutral colours

Elevation

Providing hierarchy in a different visual scenario

Consider how to establish hierarchy as shadows may not be as effective as borders and lightness

Switch to light mode

Typically located at a global level or in profile/settings