Dark mode | Community
Skip to main content
Esena_Jackson
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
    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.

      Terms & ConditionsAccessibility statement

      Loading footer...