使用 Mailchimp 在深色背景上强制 Gmail iOS 中的文本颜色

问题描述 投票:0回答:3

我有一个正在 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/

css html-email mailchimp darkmode ios-darkmode
3个回答
1
投票

我希望像 Mailchimp 和 Hubspot 这样的服务开始专门创建对暗模式的支持。我要结束这个话题了,但如果有人对未来有任何建议、技巧和想法,我认为随着我们看到向黑暗模式的更大转变,这将变得越来越重要。


0
投票

这对我也适用于表格

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 >


0
投票

我尝试使用 Litmus 进行测试以进行此修复 https://lab.hteumeuleu.com/dark-mode-blend/ 它不会将文本渲染为白色。

查看 Litmus 预览:https://litmus.com/pub/ehtJCUweUsPIN7OQSee

有什么想法为什么它没有在 Litmus 中将文本渲染为白色吗?

© www.soinside.com 2019 - 2024. All rights reserved.