Dark mode (tünd rejim), istifadəçilərin göz yorğunluğunu azaldır, xüsusilə gecə vaxtı. 2019-cu ildən iOS və Android-in rəsmi dark mode dəstəyi ilə bu tərz geniş yayıldı. Araşdırmalar göstərir ki, istifadəçilərin 80%-dən çoxu dark mode-u bəyənir. Xüsusilə OLED ekranlarda dark mode enerji sərfiyyatını da azaldır. Müasir veb sayt ve tətbiqlər üçün dark mode dəstəyi artıq gözləntiyə çevrilib.

Dark mode dizayn etmək üçün: CSS prefers-color-scheme media query-dən istifadə edin; rəng sistemini token əsaslı qurun — hər rəng üçün CSS custom property (--color-bg, --color-text) müəyyən edin, dark mode-da bu tokenların dəyərini dəyişin; kontrastı yoxlayın — WCAG AA standartına görə mətn fondan ən azı 4.5:1 kontrastla fərqlənməlidir; şəkilləri dark mode üçün optimallaşdırın — çox parlaq şəkillər tünd fonda göz ağrıdır.