如何禁用邮件模板配色方案/深色模式？解决iOS端Gmail适配问题

核心简便方法：用!important锁定颜色值 #

iOS端Gmail在深色模式下会自动反转高对比度颜色，直接在邮件模板的内联样式或<style>标签中给需要固定的颜色添加!important声明，是最直接有效的方式：

• 固定文本颜色：<span style="color: #000000 !important;">原始黑色文本</span>
• 固定背景颜色：<div style="background-color: #ffffff !important;">原始白色背景</div>

补充方案：添加CSS规则规避自动反转 #

在邮件的<style>块中加入以下规则，针对iOS的WebKit内核做适配，强制保留原始颜色：

@media (prefers-color-scheme: dark) {
  * {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}

color-adjust: exact会告知浏览器不要自动调整元素颜色，加上-webkit-前缀确保iOS端Gmail能识别。

额外注意点 #

• 内联样式优先级最高，优先给核心视觉元素添加内联!important样式，避免被客户端默认样式覆盖。
• 尽量避免使用纯黑（#000）或纯白（#fff）这类极端高对比度颜色，可微调为#0a0a0a或#f5f5f5，降低iOS Gmail触发颜色反转的概率。

内容的提问来源于stack exchange，提问作者Brochen