【问题标题】:Force text color in Gmail iOS on dark background using Mailchimp使用 Mailchimp 在深色背景下强制 Gmail iOS 中的文本颜色
【发布时间】:2022-11-09 23:51:04
【问题描述】:

我有一个在 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 可能正在剥离您的一些代码?但是如果没有将相关代码也粘贴到此处,则无法判断您是否正确实施了 hteumeuleu 的修复程序。 (我认为它应该理论上工作,但不是 100% 熟悉 Mailchimp)
  • 不幸的是,由于这个模板是用表格(Mailchimp 的本机代码)开发的,使用 div 策略不起作用。我最终在模板中做出了妥协,将页脚文本设为灰色,效果还不错。我将结束这个讨论。我真的希望 Mailchimp 和 Hubspot 等服务开始专门创建对暗模式的支持。

标签: css html-email mailchimp darkmode ios-darkmode


【解决方案1】:

我希望 Mailchimp 和 Hubspot 等服务开始专门创建对暗模式的支持。我将结束这一点,但如果有人对未来有提示、技巧和想法,我认为随着我们看到向暗模式的更大转变,这将变得越来越重要。

【讨论】:

    【解决方案2】:

    这对我有用(这是您发布的 Litmus 页面表格中的“*可以进行特殊定位!”)

    https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes

    【讨论】:

      猜你喜欢
      • 2019-02-15
      • 1970-01-01
      • 2023-04-11
      • 1970-01-01
      • 1970-01-01
      • 2013-11-23
      • 2016-06-25
      • 2015-12-06
      • 2021-04-10
      相关资源
      最近更新 更多