Тёмная тема — это не просто инверсия цветов

«Сделайте тёмную тему» — частый запрос. Кажется, что это просто: инвертируй фон и текст, готово. На практике — это минное поле доступности, контраста и восприятия. Вот что я узнал, проектируя тёмные интерфейсы: 1. Чёрный фон — не всегда чёрный. #000000 создаёт эффект «смазывания» на OLED-экранах при скролле. Я использую #121212 или #1A1A1A — это снижает нагрузку на глаза и улучшает читаемость. 2. Контраст — это не только текст. Иконки, границы, состояния кнопок — всё должно сохранять читаемость в темноте. Проверяйте по WCAG: минимум 4.5:1 для обычного текста, 3:1 для крупного. 3. Цвета ведут себя иначе. Яркий акцент на светлом фоне может стать «кислотным» на тёмном. Я снижаю насыщенность на 10-15% и добавляю лёгкое свечение (box-shadow) для глубины. 4. Учитывайте окружение. Пользователь может переключать тему в зависимости от времени суток, освещения, настроения. Делайте переключение плавным, с сохранением состояния. 5. Тестируйте на реальных устройствах. Эмулятор в Figma — не то же самое, что телефон в тёмной комнате. Проверяйте на разных экранах, при разном освещении. Тёмная тема — это не тренд. Это забота о пользователе. Кто-то работает ночью. Кто-то имеет светочувствительность. Кто-то просто любит эстетику. Дизайн — это не про «красиво». Это про «удобно для всех». И тёмная тема — один из шагов к инклюзивности. Не инвертируйте цвета. Проектируйте опыт.