Outlook 暗模式和电子邮件 CSS 的问题

Question

我正在处理一些电子邮件模板，似乎对 Outlook 暗模式如何影响颜色有疑问，特别是在桌面客户端上

但是当切换到深色模式时，它会将颜色变为天蓝色，有人知道如何缓解这种情况吗？

我使用<meta name="color-scheme" content="only"> 解决了 iOS 上 Apple 邮件中的相同问题

Answer 1

Word 编辑器不支持meta 元素。 Outlook 使用 Word 作为呈现引擎。在Word HTML and CSS Rendering Capabilities in Outlook 文章中阅读有关受支持和不受支持的 HTML 元素、属性和级联样式表属性的更多信息。

Answer 2

我在我们公司也有同样的问题。我们在正常（浅色）模式下设计了所有内容，但是当在深色模式下查看电子邮件时，这让我们的电子邮件看起来很恶心。

The solution we got to this problem was by adding a image ( i.e. logo
of our company in the email footer).

这解决了暗模式问题，电子邮件开始在两种模式下看起来都像我们设计的那样。这是一个简单的 hack，希望其他人也能从中受益。

和我一样，你可以在邮件中添加任何图片，而且暗模式似乎忽略了邮件。