Check and optimize your emails for dark mode


What will this help with?

  • Improves the readability and accessibility of your email

  • Prevents your email from breaking in devices that have dark mode activated

How to optimize your emails for dark mode?

Here are the changes you can make to optimize your email templates for any dark mode devices.

1. Images:

  • Use a transparent background in images. Don’t use transparent background for images with dark design/text.

  • Create a dark mode compatible two-tone logo of your brand to use in future emails by adding a white outline to the dark logo.

  • Don’t use a background image behind a text

  • Use a light outline to a dark icon/image that has a transparent background

2. Colors:

  • Use high contrast between background and text/block colors

  • Soften the color of white background in images

  • Avoid using too many colors or shades

How to test emails for dark mode?

  • Send it to a device with dark mode activated and check if the text, images, and colors are rendered correctly in dark mode.

  • Test your email templates on to preview how your emails look in dark mode, and fix any errors before sending emails.

  • You can also refer to this dark mode survival kit to fix errors.


On Mailmodo, you can find a variety of templates optimized for dark mode, which you can customize and use for your email campaigns.

What you should do next

Hey there, thanks for reading till the end. What now?

  1. Complete the task with Mailmodo Take action and complete the task to improve your email performance using Mailmodo. Try it for free for 21 days.

  2. Join the challenge If you want to get daily emails with actionable tasks with step-by-step instructions to stay motivated to improve your email performance then register for the the challenge here.

  3. Need some help? If you have any questions about the task, ask us on our Slack community and get answers from experts. Join the community here.

Take the 21 Day Email Performance Challenge

Samar Owais

In association with
Samar Owais
Email Strategist and
Conversion Copywriter

Share your progress

Facebook logo
Linkedin logo
Twitter logo
Whatsapp logo

Get 3X conversions
with interactive emails


Create & send interactive emails without coding


Put revenue on auto-pilot with pre-built journeys


Save time with AI-powered email content creation

1000+ businesses grew with Mailmodo, including