如何确保我的电子邮件设计在浅色和深色模式设置中保持一致？

Question

无论用户在其设备上使用什么主题设置，如何使我的电子邮件设计保持不变。

本身：如果我的用户打开了浅色模式或深色模式，我希望我的电子邮件看起来相同。

一个例子是 Gmail 应用程序会自动将收到我电子邮件的用户的白色更改为深色。

我该如何阻止这种情况发生？

我尝试为深色模式进行设计，但我不太喜欢它，所以我真的希望我的浅色主题电子邮件保持浅色主题。

Answer 1

\n

抛开玩笑不谈，简短的回答是你不能真正做到这一点。你也不应该\xe2\x80\x99 想要这样做。

\n

长答案\xe2\x80\xa6 电子邮件客户端（Apple Mail、Gmail、Outlook、\xe2\x80\xa6）都有自己特定的方式将强制黑暗模式应用于 HTML 电子邮件。有些支持@media (prefers-color-scheme:dark)媒体查询，让您在深色模式下拥有自己的样式（例如 Apple Mail）。有些有自己的小窍门来应用您的样式（例如 Outlook.com 或带有选择器属性的移动设备上的 Outlook 应用程序[data-ogsb]）。但有些则没有这些（主要是 Windows 上的 Gmail 和 Outlook）。

\n

以下是一些有关电子邮件中的暗模式的精彩讲座：

\n

\n
• 黑暗模式终极指南，作者：Litmus
\n
• 电子邮件暗模式技术，作者：Matthieu Solente
\n
• 如何修复 Outlook 深色模式问题，作者：Nicole Merlin
\n
• 使用 CSS 混合模式修复 Gmail\xe2\x80\x99s 深色模式问题，由我完成
\n
• 让电子邮件对 Outlook.com\xe2\x80\x99s 深色模式做出反应，由我完成
\n
• 由我处理 Outlook.com\xe2\x80\x99s 深色模式
\n

\n

在我看来，你不应该反对黑暗模式，而应该拥抱它。当自动深色模式产生不良问题（例如白色背景上的白色文本）时，现有的黑客很有用。但您应该尽可能让电子邮件客户做他们的事情。

\n