I love dark mode, but it mustn’t be the only option. For a lot of people, white text upon a dark background is illegible.

Common eye conditions like astigmatism, myopia, and presbyopia can make content look foggy, become hard to focus on, and cause eye strain.

Pure white text on a pure black background, blurred in a manner representative of what some people with astigmatism might see. It is difficult to read and focus on due to halation, with the bright text appearing to bleed into the dark background.

The above effect is especially exacerbated by strong contrast, like pure white on pure black. However, different conditions benefit from different levels of contrast. For example, people with conditions such as cataracts, aniridia, and achromatopsia can benefit from low-contrast visuals. The prefers-contrast CSS media feature is fantastic for tailoring to your user’s needs.