SOLVED

Dark mode

Go to solution
Esena_Jackson
Level 2

Dark mode

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?

 

Screenshot 2021-02-22 at 12.05.37 PM.jpg

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Dark mode

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

View solution in original post

2 REPLIES 2
SanfordWhiteman
Level 10 - Community Moderator

Re: Dark mode

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

Joe_Reitz
Level 10 - Champion Alumni

Re: Dark mode

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"

 

Joe_Reitz_0-1625166860361.png

 

If it doesn't look cool, you're probably doing it wrong.