在 html 电子邮件中覆盖 Outlook 暗模式

Question

问题是，当开启暗模式时，效果会破坏电子邮件的外观，而我对如何对模板进行暗模式验证无能为力。

例如我的一个 html 电子邮件表中有一个元素 <span style="rgb(16, 0, 0)";>Green Tea</span>

根据我的理解，在 Outlook 的网页版上，暗模式开关是这样的：

1. 它使用JS查找每个元素的颜色并翻转它的颜色，因此添加style="color: rgb(255, 250, 250) !important;"

2. 它删除了颜色的旧内联样式。

3. 在其位置插入 data-ogsc="rgb(16, 0, 0)" 以保存原始颜色。

如何阻止 Outlook 在暗模式下覆盖此元素？我想保持原来的颜色。我正在使用 Emarsys 发送电子邮件。有人有这方面的经验吗？

Answer 1

您对 Outlook.com 的暗模式工作原理的理解似乎是正确的。唯一的细微差别是它不会“翻转”颜色，它会更改颜色以确保文本与网络邮件的深色背景颜色具有 4.5:1 的对比度。你可以see the actual script used by Outlook.com here。 （查找 isValidContrast() 和 fixContrast() 函数。）

虽然有一些技巧可以保持背景颜色（例如使用纯背景图像），但据我所知，没有办法保持文本颜色。也许如果您提供更多关于您想要实现的具体目标的背景信息，我们可以帮助您找到替代解决方案。