Как менять тему письма при рассылке на почту в зависимости от темы устройства?

Question

[Denis Izmailov]

Делаю верстку писем для рассылки по разным почтам.
Надо менять тему письма в зависимости какая тема у устройства получателя.
Если светлая то письмо светлое, если темная тема то письмо темное.

Как менять тему письма при рассылке на почту в зависимости от темы устройства?

Comments

[Антон Антон]

Можно попробовать https://developer.mozilla.org/ru/docs/Web/CSS/Refe... но очень сильно зависит от клиента, надо тестить

проще вообще цвета для фона и для текста не задавать

[Refguser]

"Тема письма" - это содержимое поля "Subject". Его не поменяешь после отправки.
А то, что ты хочешь - называется "изменить стили".
Но не нужно этого делать. Нужно понимать, что многие умные люди читают голый текст, не html.

[Adamos]

Refguser, у ТС рассылка. Умные люди их все равно не читают.

[Ankhena]

Возможно, пригодится в будущем.
CSS функция light-dark

color: light-dark(black, white);
background: light-dark(white, black);

Но есть нюансы даже в браузерах на обычных сайтах (нужно не забыть указать, что темы в принципе могут быть разными). Как это будет вести себя с почтовыми клиентами не тестировала.

[tgarl]

Задайте цвет общего фона рассылки и остальное разукрашивайте как нужно. Тогда хоть темная тема, хоть светлая, хоть поддерживается, хоть нет - у вас будет у всех одинаково, к чему и нужно стремиться в рассылках. Рассылки это не верстка сайта, не пытайтесь смешать одно с другим, это никому не нужно ни подписчику ни вам. Подписчика интересует информация, а не письмо в виде адаптивного лендинга.

Answer 1

[Пума Тайланд]

@media (prefers-color-scheme: dark) в стилях письма. Только поддержка зависит от клиента — Apple Mail, iOS ок, Gmail частично, яндекс с mail.ru нет. Проще не хардкодить цвета, пусть почтовик сам подтянет тему юзера.

Comments

[Denis Izmailov]

Не хардкодить цвета это как? Типо не задавать их?

[rPman]

Denis Izmailov, если вообще не задавать цвета, шрифты, размеры, будут использованы шаблонные

[Пума Тайланд]

Ага, просто не ставь background-color и color на body/контейнер — клиент подтянет свои из темы.