🌙
Веб-сайты

Dark mode: правильный дизайн тёмной темы

03.11.2024
← Все статьи

Dark mode выбирают 70%+ пользователей. Но правильно сделать — это не просто инверсия.

Основной цвет

Не чистый чёрный (#000) — мягкий (#0f172a). Не белый (#fff) — приглушённый.

Контраст WCAG

4.5:1 минимум. Проверяйте WebAIM.

Кнопки

Цвет светлой темы может быть слишком ярким в тёмной.

Изображения

brightness:0.8 filter.

Реализация

prefers-color-scheme + JS toggle. localStorage.

Похожие статьи

😕 404 страница: как удержать 💪 Сайт фитнес-клуба 🎓 Структура сайта школы и вуза 🏥 Сайт клиники: требования
🌐 Язык
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English