如何删除Gmail应用程序的暗模式样式？

Question

我正在使用mjml构建电子邮件，该设计非常标准，更改时不灵活。

在gmail中，该副本变得难以辨认，因为gmail将白色副本转换为黑色副本。

我希望gmail保留预期的样式，是否有一种方法可以确保gmail不反转任何内容？

我尝试过：

• 将!important应用于我需要的所有元素。
• @media (prefers-color-scheme: dark) {}，但gmail会删除媒体查询。
• <meta name="supported-color-schemes" content="light only">没有运气。

任何帮助将不胜感激。

谢谢

萌

Answer 1

您可以这样做：

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

话虽这么说，但这有时只会起作用。要针对黑暗模式设置样式，您最好的方法是对电子邮件进行样式设置，使其在黑暗模式处于活动状态时不会受到影响。

在没有确定的解决方案之前（暂时没有解决方案），您要么必须接受暗模式将保持活动状态的想法，要么应采取任何措施对其进行样式设置。

Here是具有更多信息的资源。电子邮件的世界仍未赶上浏览器的步伐，许多样式仍被不同的客户端所忽略，大多数解决方案充其量只是试验性的。