Skip to main content
Solved

Dark Mode and the future at Klaviyo

  • November 9, 2021
  • 5 replies
  • 4745 views

Forum|alt.badge.img+2
  • Active Contributor I
  • 10 replies

Hi there,

We’re just starting to really dig into dark mode solutions with our email sends, and as all of you know, it ain’t easy!

I’m wondering if KL has any tools on the horizon to facilitate testing within the app and make it easier to try out different combinations of background/foreground colors to quickly see what renders the best in different implementations of dark mode (full inversion/partial inversion).

Thanks,

Don

Best answer by Manny Singh

This would definitely be an awesome feature.  @Don, something else I do when designing emails is turn Dark Mode ON for my Desktop Chrome browser.  After designing enough, you start to understand how colours will show up in Dark Mode.

 

If you use Chrome, here’s how to do that:

 

Go to this link:

 chrome://flags/#enable-force-dark 

 

Enable this setting:

 

View original
Did this topic or the replies in the thread help you find an answer to your question?

5 replies

stephen.trumble
Community Manager
Forum|alt.badge.img+60

Hey @Don 

Thank you for coming back to the Klaviyo Community for help with dark mode and your marketing!

Due to dark mode being user specific settings, Klaviyo does not current have tools in the template editor to address this, we do have our best practices for Dark Mode documentation in our Help Center that addresses some of the concerns with customers who use it. Also check out these other community post about dark mode in the email template editor.

Hope this helps, and thank you for being an active member of the Klaviyo Community! 


Forum|alt.badge.img+2
  • Author
  • Active Contributor I
  • 10 replies
  • November 9, 2021

Thanks Stephen,

Those threads are about pretty specific problems and the Best Practices is a very thin article. Litmus, EoA, and Campaign Monitor have done much deeper dives on the topic (maybe KL should update the article :)

I get that KL isn’t a testing tool, but it would sure be nice to not have to fire off a test to Litmus -- every time we change a background color for a campaign -- just to make sure it hangs together in dark mode!

Don


Mailbox Manny
Partner - Silver
Forum|alt.badge.img+38
  • Partner - Silver
  • 417 replies
  • Answer
  • November 10, 2021

This would definitely be an awesome feature.  @Don, something else I do when designing emails is turn Dark Mode ON for my Desktop Chrome browser.  After designing enough, you start to understand how colours will show up in Dark Mode.

 

If you use Chrome, here’s how to do that:

 

Go to this link:

 chrome://flags/#enable-force-dark 

 

Enable this setting:

 


Forum|alt.badge.img+2
  • Author
  • Active Contributor I
  • 10 replies
  • November 10, 2021

@Manny Thanks for the great tip...I’ll definitely start doing that! Does Chrome do the full inversion of colors, and do you find the palette it chooses it pretty consistent with the gmail app or outlook?


Mailbox Manny
Partner - Silver
Forum|alt.badge.img+38
  • Partner - Silver
  • 417 replies
  • November 12, 2021
Don wrote:

@Manny Thanks for the great tip...I’ll definitely start doing that! Does Chrome do the full inversion of colors, and do you find the palette it chooses it pretty consistent with the gmail app or outlook?

I haven’t tested it with outlook, but it’s the same for me on Gmail.  But my designs are pretty simple.  Best to test a few variations by sending a preview email to your gmail and then open it while your phone is on dark mode.