При отправке почтовых рассылок с черным фоном (#000000) и серым текстом (#808080) на устройствах с включенной темной темой (например, iPhone или Android) цвета автоматически инвертировались.
Черный фон становился белым.
Серый текст — еще светлее или темнее.
В результате письмо выглядело нечитаемым или сломанным.
Добавил в <head> письма метатег:
| Код |
|---|
<meta name="color-scheme" content="only light"> |
Этот тег запрещает браузерам и почтовым клиентам автоматически инвертировать цвета в темной теме.
Где пригодится?Email-рассылки – если дизайн требует точной цветопередачи (например, темный интерфейс).
Веб-версии писем – чтобы избежать искажений в Gmail, Apple Mail и Outlook.
Лендинги – если они встроены в письма и должны выглядеть одинаково на всех устройствах.
color-scheme: only light — простое, но мощное решение для контроля цветов в темных темах. Особенно актуально для маркетинговых писем, где важен дизайн.
PS: Проверяйте письма в iOS и Android с включенным Dark Mode перед отправкой!