SOLVED

Re: Dark mode

Go to solution
Esena_Jackson
Level 2

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
SanfordWhiteman
Level 10 - Community Moderator

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
Joe_Reitz
Level 10 - Champion Alumni

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.
SanfordWhiteman
Level 10 - Community Moderator

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