Dark mode | Community
Skip to main content
Esena_Jackson
Esena_Jackson
Level 2
February 22, 2021
Solved

Dark mode

  • February 22, 2021
  • 2 replies
  • 5844 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

    SanfordWhiteman
    SanfordWhitemanAccepted solution
    Level 10
    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.

    Joe_Reitz
    Joe_Reitz
    Level 8
    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.
      Terms & ConditionsAccessibility statement

      Loading footer...