<?xml version="1.0" encoding="utf-8"?>

Design dark mode mindfully

Design dark mode mindfully Bad Practice
Design dark mode mindfully Best Practice

Dark mode affects how people with dyslexia read text. While dark backgrounds can reduce eye strain for some people[1], the wrong contrast can make reading harder. Pure black backgrounds with white text often create too much contrast, causing visual stress and text distortion.

A softer dark mode works better. Use dark gray backgrounds (#121212) instead of pure black (#000000). Pair them with off-white text (#DEDEDE) rather than bright white (#FFFFFF). This gentler contrast helps prevent text from appearing to blur or vibrate, a common issue for dyslexic readers.

Let readers choose between light and dark modes. Some people with dyslexia find reading easier with dark text on light backgrounds, while others prefer the opposite. Color preferences can also change based on lighting conditions or eye fatigue throughout the day.

Improve your UX & Product skills with interactive courses that actually work