Блог

Я создаю электронное письмо с использованием mjml, и дизайн довольно стандартный и не поддается изменению.

В gmail копия становится неразборчивой, потому что gmail инвертирует белую копию в черную копию.

Я хочу, чтобы gmail сохранил мои предполагаемые стили, есть ли способ гарантировать, что gmail ничего не инвертирует?

Я пробовал:

• Применяется !important ко всем элементам, которые мне требуются.
• @media (prefers-color-scheme: dark) {} но gmail удаляет медиа-запросы.
• <meta name="supported-color-schemes" content="light only"> не повезло.

Любая помощь будет высоко оценена.

Спасибо

Moe

Вы можете сделать этот взлом:

 <style type="text/css">

:root {

Color-scheme: light dark;

supported-color-schemes:light dark;

}

</style>
  

и включите медиа-запрос в темном режиме в свой CSS:

 @media (prefers-color-scheme: dark ) {
    .body {
      background-color: #CCCCCC !important;
    }
h1, h2, h3, td {
      color: #9ea1f9 !important;
       padding: 0px 0px 0px 0px !important;
}
}
  

При этом это будет работать только иногда. Для создания стиля в соответствии с темным режимом лучшее, что вы можете сделать, это оформить свою электронную почту так, чтобы это не повлияло на работу в темном режиме.

Пока не будет окончательного решения (пока ничего нет), вам либо придется смириться с мыслью, что темный режим останется активным, либо сделать все возможное, чтобы изменить стиль в соответствии с ним.

Вот ресурс с дополнительной информацией. Мир электронной почты все еще не догнал браузер, многие стили по-прежнему игнорируются разными клиентами, и большинство решений в лучшем случае являются экспериментальными.