Как отменить изменение цвета шрифта в темном режиме в 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;
    }
}

Мы ценим любые предложения.

0 ответов

Другие вопросы по тегам