How to view Dark Mode preview

Modified on Tue, 16 May, 2023 at 2:06 PM

How to view Dark Mode Preview

View the "Dark Mode Preview" by clicking on the Dark Mode Preview toggle in the email builder:

  • Click Preview
  • Select Preview Email

  • Enable the Dark Mode Preview toggle



Dark Mode causes colours to change in text and transparent image content. Generally, this results in a light-coloured scheme on a dark-coloured background:

Tips for using Dark Mode

  • Avoid using pure white (#FFFFFF) and pure black (#000000). Instead, use off-whites and grey/blacks. This helps reduce the impact on email clients that perform a full inversion
  • Use transparent PNGs (when possible)
  • On images that include text, outline black text in white to ensure it will always be legible. We suggest doing the opposite if using white text on a dark background.
    *For more information, check out: Creating an Email for dark mode


Related articles

Still need help?

Contact us at [email protected]

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article