Как удалить стили темного режима приложения Gmail?

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

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

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

Я пытался:

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

Любая помощь приветствуется.

Спасибо

Мо


gmail ios-darkmode css
person Moe-Joe    schedule 06.11.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете сделать этот хак:

<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;
}
}

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

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

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

person Dr. Tenma    schedule 06.11.2020
comment
Спасибо вам за это. Я тоже читал ту статью. Все материалы, которые я могу найти, касаются работы с темным режимом, а не отказа от его использования, хе-хе. Я попробовал ваш метод, похоже, он вообще не работает с Gmail App Dark (iOS 13.4.1). Это приложение, которое я тестирую на лакмусовой бумажке. Спасибо еще раз. - person Moe-Joe; 06.11.2020
comment
Нет проблем, я тоже хочу, чтобы был способ. Если это заставляет вас чувствовать себя лучше, крупные бренды тоже должны иметь с этим дело. :) - person Dr. Tenma; 06.11.2020
comment
Я не могу поверить, что приложение Gmail такое отстойное. Apple Mail безупречно работает в темном режиме. - person tvb; 04.02.2021