Пытаюсь сделать верстку темных писем с использованием механики
media (prefers-color-scheme: dark). В целом, вижу, что почтовый клиент перекрашивает приложение при изменении значений в блоке
media. Но как-то странно, как будто сам клиент корректирует цвета. Например, указываю черный фон - но почтовый клиент его показывает темно-серым. Ставлю синюю заливку, клиент делает ее нежно-голубой и пр.
Есть ощущение, что нужно в CSS указать запрет на вмешательство клиента в искажение цветов. Что-то вроде "я тебе четко говорю цвета, не пытайся интеллектуально инвертировать их". Может кто-то сталкивался с таким, и знает какую-то "волшебную пулю", до которой я не дошел? :)
Код вот такой:
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
body {
background-color: #eeeeee;
color: #111111;
font-size: 18px;
}
.card {
background-color: #dddddd;
border-radius: 10px;
padding: 0;
padding-top: 12px;
padding-bottom: 12px;
}
@media (prefers-color-scheme: dark) {
.body {
background-color: #000000;
color: #eeeeee;
}
.card {
background-color: #406b96;
color: #fefefe;
}
}