我不仅想更改文本颜色，还想更改电子邮件中的各种图像和图标。有可能/我应该像文档所说的那样使用媒体查询吗？我应该在不同的夜间条件下使用display: none、display: block 来获取图像吗？不同的邮件客户端不会干扰吗？
https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/
【问题讨论】：
标签： javascript email-client darkmode
看起来不错（同时使用 @media 和 [data-ogsc]-前缀）。
“不同的邮件客户端不会干扰吗？”
文档说：
“如上所述，黑暗模式下的电子邮件客户端处理常规 HTML 电子邮件的方式会有所不同。”
因此您无法确定您的样式是否会被覆盖 - 这取决于对各种和众多邮件客户端的解释。
正如文档所述，@media (prefers-color-scheme: dark) 允许您创建最强大的自定义暗模式主题，您可以在其中实现从特定于暗模式的图像交换、悬停效果、背景图像等任何内容，而[data-ogsc] 为每个 CSS 规则添加前缀，专门针对 Outlook 应用程序。
“我应该在不同的夜间条件下使用 display: none, display: block 来显示图像吗？”
可能是一个选项，即通过打开/阅读邮件时通过 JS 获取客户端系统时间..
虽然要注意：
Lotus Notes、Mozilla Thunderbird、Outlook Express 和 Windows Live Mail 等旧客户端似乎都支持某种 JavaScript 执行。没有别的。
从安全角度来看，这似乎是个坏主意，所以我希望这是一个不会一直存在的功能，即使在这些客户端中也是如此。
如this question接受的答案所述
同样，您不能依赖在各种客户端中启用/允许 JS（即使在消息模板脚本中）..
【讨论】：