Search code examples
csshtml-emailmailchimpdarkmodeios-darkmode

Force text color in Gmail iOS on dark background using Mailchimp


I have a template that I am designing in Mailchimp for email. The footer of the mail is dark blue with white text. By default, the Gmail iOS app flips the contrast, so we lose all of our nice styling. I have been able to switch the background back to dark blue using a liner-gradient:

background-color: #141621;background-image: linear-gradient(#141621,#141621)

However, I can't force the text to display in white. The Gmail iOS app switches it to a contrast colour it thinks will work on that background.

Does anyone have any tips on this issue?

Thanks in advance!

EDIT: I have tried following the guides on both these articles with no success, not sure if I am missing something from them:

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/


Solution

  • I hope services like Mailchimp and Hubspot start specifically creating support for dark mode. I am going to close this out, but if anyone has tips, tricks and ideas for the future I think this is going to be more and more important as we see the greater shift to dark mode.