Главная страница » Блог » Что делать, если письмо отображается некорректно в dark mode?

Что делать, если письмо отображается некорректно в dark mode?

Что делать, если письмо отображается некорректно в dark mode? В тёмной теме стандартный белый фон становится чёрным, а тёмный текст сливается с ним, превращая ваше письмо в нечитаемое пятно. Проблема решается добавлением специальных CSS-правил, которые переопределяют цвета для режима с тёмной темой.

Точное решение — внедрить медиазапрос @media (prefers-color-scheme: dark) в код письма и явно прописать цвета фона и текста для этого случая. Также обязательно используйте полные fallback-цвета для тегов body и table — в некоторых клиентах, таких как Outlook для Windows, медиазапросы не работают, поэтому без базовой установки цветов не обойтись. Проверьте рендеринг в почтовиках, которые уважают системную тему (Apple Mail, Gmail), и убедитесь, что у изображений нет полупрозрачных подложек — тёмный фон проявит их крайне непрезентабельно. Настройка всей этой структуры и тестирование кросс-клиентских сценариев — достаточно трудоёмкий процесс, поэтому, чтобы гарантированно получить корректный вид письма в любой почтовой системе и не тратить часы на изучение нюансов, вы можете заказать адаптацию шаблона под тёмную тему у наших специалистов.

Внимание:
Условия: Внедрение системы — от 50 000 ₽/мес. Если бюджет подходит — посмотреть тарифы →
Прокрутить вверх