是否可以在电子邮件中设置暗模式图像?

Is it possible set dark mode image in email?

我不仅要更改文本颜色,还要更改电子邮件中的各种图像和图标。是 possible/shall 我像文档说的那样使用媒体查询吗?我应该在不同的昼夜条件下对图像使用 display: nonedisplay: block 吗?不同的电子邮件客户端不会干扰吗?

https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/

看起来是可行的方法(同时使用 @media[data-ogsc] 前缀)。

"Will the different email clients not interfere with it?"

文档说:

"As noted above, how email clients in Dark Mode handle your regular HTML emails will vary."

因此您无法确定您的样式是否会被覆盖 - 这取决于各种邮件客户端的解释。

如文档所述,@media (prefers-color-scheme: dark) 允许您创建最强大的自定义深色模式主题,您可以在其中实现任何内容,包括深色模式特定的图像交换、悬停效果、背景图像,而 [data-ogsc] 每个 CSS 规则的前缀,专门针对 Outlook 应用程序。

"Shall I used display: none, display: block for images, in different night-day conditions?"

可能是一个选项,即通过 JS 在 openening/reading 邮件上获取客户端系统时间..

注意事项:

Lotus Notes、Mozilla Thunderbird、Outlook Express 和 Windows Live Mail 等旧客户端似乎都支持某种 JavaScript 执行。没有别的。

这似乎是一个安全方面的坏主意,所以我希望这个功能不会一直存在,即使在这些客户端中也是如此。

this question

的已接受答案中所述

所以,你不能依赖 JS 在各种客户端中 enabled/allowed(即使在消息模板脚本中)..