黑暗模式已经在数字世界中站稳了脚跟 电子邮件营销中的黑暗模式 。浏览器、应用程序、操作系统、通讯程序——现在几乎所有都提供显示定制 电子邮件营销中的黑暗模式 ，其中文本、图形、图标、UI 元素等浅色元素显示在深色背景上。许多电子邮件客户端也有暗模式。电子邮件营销人员有足够的理由考虑黑暗模式对电子邮件设计的影响。我们将向您展示您应该注意什么。
我们大多数人可能已经在智能手机的黑暗模式下使用了一两个应用程序。与亮模式相比，暗模式下的颜色看起来是反转的。暗模式会反转颜色：黑色变成白色，红色变成绿色，蓝色变成橙色等等。黑暗模式下的背景是黑暗的，所有其他元素最好是明亮的，以便它们以足够的对比度从背景中脱颖而出并且易于识别。显示屏上的深色外观更加令人愉悦且用户友好。它旨在保护您的眼睛，特别是在黑暗的环境中。黑暗模式旨在提高可读性，甚至节省智能手机的电池。因此，电子邮件客户端也响应许多用户的偏好，以暗黑模式显示电子邮件，这并不奇怪。
客户如何将暗模式应用于电子邮件？
许多电子邮件客户端支持暗模式 土耳其电子邮件列表，例如Gmail 应用程序或 Outlook 应用程序。还包括 Outlook.com 等 Web 客户端。但值得注意的是，电子邮件客户端在黑暗模式下不会对电子邮件做同样的事情！他们以不同的方式将暗模式应用于电子邮件。
电子邮件客户端的渲染方式不同，因此客户端在暗模式下处理电子邮件有三种不同的方案。
无颜色变化：客户端可以切换到暗模式，但这不会影响显示的电子邮件。这意味着客户端界面以暗模式显示，但电子邮件显示不会改变（除非在电子邮件源代码中明确指定）。例如，iOS 和 Apple Mail 就是这种情况。完全颠倒：一切都颠倒了，黑色变成白色，红色变成绿色。这也意味着深色背景显示为白色。如果您的电子邮件设计最初设置为深色外观，那么全色反转将使其变为浅色外观。
部分反转：客户端不会反转电子邮件的所有元素。它检测具有浅色背景的区域并进行转换 – 而深色背景则被忽略。
并非所有用户都喜欢电子邮件的暗模式。同一封邮件有时会以亮模式显示，有时会以暗模式显示，这取决于个人的配置。而且由于电子邮件客户端处理暗模式的方式不同，不幸的是，很快就会发生这样的情况：一份设计精美的新闻稿对于某些用户来说完全无法辨认和显示不正确！如何针对黑暗模式优化您的电子邮件和新闻通讯？
电子邮件设计和暗模式
如果您发送纯文本电子邮件 探索更多阻止 WordPress 垃圾邮件的方法！，则不必担心。如果您想针对暗模式优化 HTML 电子邮件，那么您一定要注意图形和图像。以下是四条建议：
最重要的依据：背景颜色。确保背景使用简单的颜色。白色、浅灰色或深灰色在暗黑模式下对反转的影响很小。
同样重要的是：调整图形元素，例如，为它们提供精细的浅色轮廓或浅色阴影。否则，徽标在黑暗模式下可能会很快消失。
使用 .gif 或 .png 格式的图像文件而不是 .jpg 格式：为什么？两种文件格式都允许透明背景，因此在黑暗模式下图像周围不会出现奇怪的白色边框。
使用覆盖图像的文本时请务必小心。如果文本颜色反转，图形上的阅读可能会很困难。它会丢失，因为它在视觉上与图像的颜色混合得太紧密，或者对比度不再足够强，从而限制了可读性。
如果您遵循这四个提示，您的电子邮件和新闻通讯就很有可能显示良好、用户友好且尽可能无错误，即使在电子邮件客户端的各种配色方案中也是如此。
我们的客户 DHL 提供的完整示例清楚地展示了针对暗模式优化的新闻稿即使在完全反转的情况下仍然看起来高质量。
更好地控制黑暗模式
如果上述技巧对您来说还不够 埃克萊拉納賈，您可以进一步控制暗模式。先决条件是你具备一些 HTML 和 CSS 知识。或者，您可以与负责模板或电子邮件设计的人员一起完成此操作。您可以采用与电子邮件客户端的配色方案不同的自己的暗模式样式发送电子邮件和新闻通讯。
这意味着您使用 CSS 为您的电子邮件指定配色方案。您可以决定如何向在其应用中启用了暗模式的用户显示电子邮件。您可以通过创建 CSS 块 @media (prefers-color-scheme: dark) 来实现此目的。此块会影响使用暗模式的用户界面的显示。原则上，整个过程的工作方式几乎与在媒体查询块中为电子邮件的移动视图指定样式相同。在此块中，您可以精确指定电子邮件各个元素（例如背景、文本、按钮、图标等）将使用的颜色。
使用前缀 [data-ogsc] 和/或 [data-ogsb]，在每个 CSS 指令前复制并添加您已为媒体查询“@media (prefers-color-scheme: dark)”设置的样式。
但这两种方法并未得到统一支持。下表显示了哪些客户端支持这些方法：
1.在电子邮件客户端中启用暗黑模式
将元数据包含在标签中，以便启用了暗黑模式的收件人以这种方式接收电子邮件：
2.插入媒体查询
在支持@media 的客户端的自定义暗模式样式部分中，插入这些媒体查询。
3.双倍乐趣：使用 [data-ogsc] 和/或 [data-ogsc] 的黑暗模式
要解决 Outlook 应用程序（Android），请添加以下内容：
4. HTML 正文中的暗黑模式样式
将适当的暗黑模式类添加到所有 HTML 标签中。以下是.dark-img 和类的示例 。 light-img，以及这些徽标在暗模式和亮模式下的显示方式。
结论：黑暗模式和电子邮件营销
并非每个电子邮件客户端都以相同的方式处理暗模式。这并不会让电子邮件营销变得更容易。但是，您不应该简单地忽略暗模式，并接受您的新闻通讯和邮件对于某些用户来说显示不正确或无法阅读。如果您考虑有关电子邮件元素的四个提示，即背景颜色、图标、文本等，这会有所帮助，并且您的新闻通讯和电子邮件即使在黑暗模式下也能完美显示。在不同的模式和客户端测试您的电子邮件和新闻通讯。激活暗模式的用户肯定是有原因的，您应该解决这个问题。