css 如何在gmail中强制背景色为暗模式？

pzfprimi 于 2023-01-10 发布在其他

关注(0)|答案(1)|浏览(154)

我正在处理HTML电子邮件模板。我坚持在黑暗模式下使用背景色和文本颜色属性。我的普通内联css是背景色：#f2f2f2和颜色：#191919。但是在黑暗模式下，我想要背景色：#ff5f00和颜色：#ffffff。
我可以在outlook中使用@media实现同样的效果，但正如在不同的博客中所说的那样，使用gmail的混合模式，我无法实现同样的效果。有人能帮助我制作一个HTML模板或HTML代码吗？

css

来源：https://stackoverflow.com/questions/75027005/how-to-force-background-color-in-gmail-for-dark-mode

1条答案

按热度按时间

y53ybaqx1#

我建议使用@media (prefers-color-scheme: dark)媒体查询并创建几个类，然后将这些类应用于应该应用darkmode样式的元素。
示例：

@media (prefers-color-scheme: dark) {
  .darkmode-bg {
    background-color: #ff5f00 !important;
  }
  .darkmode-color {
    color: #ffffff !important;
  }
}

如果没有代码进行测试，很难回答这个问题，但我建议使用Source。
我们还建议您在<head>标签中添加这些元标签，以确保在您的电子邮件中为已启用黑暗模式的用户启用黑暗模式。

<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">

希望这能有所帮助!

赞(0）回复(0）举报 2023-01-10

我来回答

css 如何在gmail中强制背景色为暗模式？

1条答案

相关问题

热门标签

最新问答