🌙
Веб-сайты

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.

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

🌾 Сайт сельского хозяйства и агробизнеса: каталог продукции и B2B-продажи ❤️ Сайт благотворительного фонда: прозрачный сбор и доверие донора 🎉 Сайт банкетного зала и места для свадьбы: организация события и онлайн-бронь 🚙 Сайт аренды автомобилей: каталог авто, калькулятор цен и онлайн-бронь
🌐 Язык
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English