我有一个正在 Mailchimp 中设计的电子邮件模板。邮件的页脚为深蓝色,带有白色文本。默认情况下,Gmail iOS 应用程序会翻转对比度,因此我们失去了所有漂亮的样式。我已经能够使用线性渐变将背景切换回深蓝色:
background-color: #141621;background-image: linear-gradient(#141621,#141621)
但是,我无法强制文本以白色显示。 Gmail iOS 应用程序将其切换为它认为适合该背景的对比色。
有人对这个问题有什么建议吗?
提前致谢!
编辑:我尝试按照这两篇文章的指南进行操作,但没有成功,不确定我是否遗漏了其中的某些内容:
https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/
https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes/
我希望像 Mailchimp 和 Hubspot 这样的服务开始专门创建对暗模式的支持。我要结束这个话题了,但如果有人对未来有任何建议、技巧和想法,我认为随着我们看到向黑暗模式的更大转变,这将变得越来越重要。
这对我也适用于表格
https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes
以一种简单的方式,您必须添加 < style > :
u + .body .screen { background:#000; mix-blend-mode:screen }
u + .body .difference { background:#000; mix-blend-mode:difference }
然后添加 < body > :
class="body"
然后将您的文本包含到这两个 div 中:
<div class="screen">
<div class="difference">
<!-- your <p> -->
</div></div>
由于 MailChimp 或 SalesForce 使用表格,只需将 div 放入 < td >
我尝试使用 Litmus 进行测试以进行此修复 https://lab.hteumeuleu.com/dark-mode-blend/ 它不会将文本渲染为白色。
查看 Litmus 预览:https://litmus.com/pub/ehtJCUweUsPIN7OQSee
有什么想法为什么它没有在 Litmus 中将文本渲染为白色吗?