Как отменить изменение цвета шрифта в темном режиме в Outlook
Я пишу html-шаблон для наших писем, который можно использовать на разных платформах. Наш дизайнер создал баннер наверху, который имеет изображение в качестве фона и заголовок в качестве тега между баннером. Баннер имеет светлый оттенок, поэтому текст в заголовке черный.
Все это работает очень хорошо везде, кроме темного режима в Outlook, где Outlook переопределяет цвет тега и преобразует его в белый, хотя у меня есть "цвет: #000! Important" в стиле тега. Любые предложения о том, как заставить это работать? Судя по тому, что я читал до сих пор, Outlook сделал это невозможным.
Вот пример кода для текста баннера:
<tr style="margin:0; padding:0;">
<td valign="top"
style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; width: -webkit-fill-available;
margin:0; padding: 0; font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
<h1 class="gliBannerText"
style="margin:0; mso-line-height-rule:exactly; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; color: #000 !important;
font-weight: 600; text-align: left; width: 70%; font-size: 40px; line-height: 48px; padding-bottom: 20px;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; ">
Blogs for your goals
</h1>
</td>
</tr>
А вот код css для темного режима:
@media (prefers-color-scheme: dark) {
/* Custom Dark Mode Font Colors */
[data-ogsc] .gliBannerText {
color: #000 !important;
}
.gliBannerText {
color: #000 !important;
}
}
Мы ценим любые предложения.