电子邮件营销人员的暗黑模式终极指南

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程每个阶段提供云产品。使用 $200 免费信用额度 开始!

常规网络(我认为)上,我们使用 CSS prefers-color-scheme 媒体查询处理“暗黑模式”。但不出所料,在 HTML 电子邮件领域,情况要复杂得多。奇怪的是,不同的电子邮件客户端以不同的方式处理暗黑模式,首先是电子邮件客户端本身可能具有自己的暗黑模式切换功能。

假设该切换已激活暗黑模式。可能会发生以下三种情况:

  1. 应用程序的UI 进入暗黑模式,但电子邮件保持不变(例如 Apple Mail)。
  2. 它尝试将暗黑模式应用于您的电子邮件,但仅在检测到亮色区域时。这些区域会变暗,而暗色区域保持不变(例如 Outlook.com)。
  3. 它会全力以赴,强制反转电子邮件颜色(例如 iOS 13 上的 Gmail 应用程序)。

最后一个是疯狂的。正如 Alice Li 所说:

这是最具侵入性的颜色方案:它不仅反转了具有浅色背景的区域,而且还会影响深色背景。因此,如果您已经设计了具有深色主题的电子邮件,此方案会讽刺地迫使它们变亮。
她强调了这一点。

直接链接 →