Jump to content

Email section colors invert in dark mode

Recommended Posts

Hi all !

So I am creating blast email templates to send to my contact lists, where I choose a specific color for my section background (let's say, green). It looks great and all, but when someone receives it on their phone or tablet, and their dark mode is turned on, then the background color inverts and it looks really bad.

Is there a way to force the background color on any devices?

Thank you so much for the help!

Link to comment
  • 1 month later...
  • 9 months later...

February 17th, 2022 still waiting for a fix for this. With such a large population of people utilizing darkmode you would think this would be an urgent priority. I thought I would outsmart the glitch by selecting a #121212 Dark Grey color to match gmail's dark mode, but when I tested it, the color flipped back to a light grey/off-white! Something is amiss with their dynamic response in the background color coding... 

Link to comment
  • 2 weeks later...

Yikes, wow. This is still a problem when using dark mode in iOS 3rd party email apps (like Gmail). It has been resolved -- best I can tell -- in other dark mode scenarios.

Just sent a client's email blast out to about 500 recipients. Here's hoping that only a couple are using dark mode with Gmail. Because... it looks awful.

Can ya' fix this, Squarespace?

Edited by DaysWithColor
Link to comment
  • 2 months later...
  • 2 weeks later...
  • Jo_SQSP changed the title to Email section colors invert in dark mode
  • 4 weeks later...
  • 2 months later...

This was just brought to my attention by a subscriber as well — I've sent out a bunch of emails already and had no idea. Seeing how long this has been in the queue, I'm going to have to look at email newsletter alternates. Dark mode is ubiquitous now. 

Link to comment
  • 2 months later...
  • 3 weeks later...
  • 3 weeks later...
  • 1 month later...
  • 3 weeks later...
  • 3 weeks later...
  • 2 weeks later...
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.