Mask_group_6_a638f9f367
Mask_group_5_00aee10a26
arrow-left
arrow-right

Check and optimize your emails for dark mode

arrow-left
arrow-right

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 www.checkdarkmode.com 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.

Bonus:

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 email conversion
with Mailmodo

Check.svg

Create & send interactive emails without coding

Check.svg

Put revenue on auto-pilot with pre-built journeys

Check.svg

Save time with AI-powered email content creation

Experience world’s only interactive email marketing platform

Trusted by 10000+ brands

Group_1110166020_1_6fb9f2bd9a
Group_1110165532_1_bf39ce18b3
Ellipse_Gradientbottom_Bg
Ellipse_GradientLeft_Top
gradient_Right