При надсиланні поштових розсилок із чорним фоном (#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 перед надсиланням!