css - 如何删除 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是一个包含更多信息的资源。电子邮件世界仍然没有 catch 浏览器，许多样式仍然被不同的客户端忽略，大多数解决方案充其量只是实验性的。