Dark mode has become trending during the last few years. Kohl's was no exception.
Among the advantages of using Dark Mode are the possibility to extend battery life depending on the screen technology. OLED (iPhone, Galaxy S9, Galaxy Note, OnePlus 6) and AMOLED screens will benefit from dark mode applications.
Another benefit from the dominance of dark colors is related to visual comfort since there is a reduction in ocular effort.
The dark adaptation has to consider the correct contrast ratio for most of the colors. In some cases a lot of this adaptation will happen by swapping black text to become white or white background to become black.
But in the cases where primary, secondary or even tertiary colors are going to be placed over black background, there is the need to check the contrast having in consideration ADA compliance for accessibility. For this validation I normally use 3 different contrast checker tools:
It is important to remark that these are validation tools, so these won't tell the designer which color to use, but which color should be rethought in order to obtain ADA approval.
This practice not only applies to dark mode adaptations. It should be implemented for all digital products. I considered it was important to mention it for this particular case.
