如何删除 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;
}
}

话虽如此，这只是有时有效。要针对深色模式设置样式，您能做的最好的事情就是以在深色模式处于活动状态时不受影响的方式设置电子邮件的样式。

在找到明确的解决方案（暂时没有任何解决方案）之前，您要么必须接受黑暗模式将保持活跃的想法，要么尽您所能来设计它。

这是包含更多信息的资源。电子邮件的世界仍然没有跟上浏览器的步伐，许多样式仍然被不同的客户端忽略，并且大多数解决方案充其量只是实验性的。