Dark mode | Community
Skip to main content
Esena_Jackson
New Participant
February 22, 2021
Solved

Dark mode

  • February 22, 2021
  • 2 replies
  • 5822 views

I based out brand email templates on the Sophia newsletter template, however in dark mode the text in the hero section remains gray instead of turning white. See the screenshot below. Does anyone have a suggested css tweak?

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

The best you're gonna do is via prefers-color-scheme but it isn't cross-app and cross-OS at this time.

2 replies

Joe_Reitz
New Participant
July 1, 2021

Here's a few examples of custom classes I've set up on my template. You have to call the appropriate class within the body of the template (usually on the editable div) but what this is saying is "if the recipient prefers dark mode, use these CSS classes instead of the default"

 

 

If it doesn't look cool, you're probably doing it wrong.
SanfordWhiteman
SanfordWhitemanAccepted solution
New Participant
February 22, 2021

The best you're gonna do is via prefers-color-scheme but it isn't cross-app and cross-OS at this time.