Dark Mode Email

Email Marketing

Also: Dark Mode Rendering · Email Dark Mode Compatibility

What it isHow your email renders on a dark background
Common failureInvisible text, broken logos
Depends onThe email client, not just the device
Fixable withTransparent PNGs, forced colours

Quick definition

Dark mode email refers to how an email renders when a subscriber's device or email client switches to a dark colour scheme. Some clients invert your colours automatically, others respect the colours you coded. The gap between those two behaviours is where most dark mode rendering problems come from.

How it varies across Australia

Dark mode adoption keeps climbing across Australian mobile users, particularly on iOS. Retail and lifestyle sending lists tend to see the highest share of dark mode opens, while B2B lists skew lower. Testing across clients matters more than testing across devices.

See email performance benchmarks across Australian industries

What it actually means

Dark mode email is less a feature and more a rendering lottery. Some email clients, like Apple Mail, apply their own automatic colour inversion to any email that doesn't explicitly set its own background and text colours. Others, like Gmail on Android, largely leave your coded colours alone. The same email can look polished in one inbox and broken in another.

The usual failure modes are predictable once you've seen them. White logos on a white background vanish when the background flips to black. Text colours set to match a light background become unreadable against a dark one. Buttons lose their contrast. None of this is a bug in the email client. It's a gap between what the designer assumed and what actually got coded.

The fix isn't glamorous. Use transparent PNGs for logos so they sit correctly on any background. Set explicit background and text colours rather than relying on defaults. Test in the actual clients your list uses, not just a general 'dark mode preview' toggle in your email service provider (ESP). Segmentation by client is more useful here than segmentation by device.

Dark mode doesn't break your email design. It exposes the parts you never designed on purpose.

How it shows up

Dark mode issues show up as unexplained dips in click-through rate on sends that test perfectly in a light-mode preview. They show up in subscriber complaints about 'the email looking broken' when nothing changed on your end. They also show up in A/B testing results that don't make sense until someone checks the actual rendering on an iPhone with dark mode switched on.

The Australian context

Australian email lists lean heavily mobile, and iOS holds a larger share of the Australian mobile market than in the United States. That combination means dark mode rendering issues affect a larger proportion of Australian sends than equivalent lists overseas. Retailers running high-frequency campaigns feel this first, since even a small rendering failure compounds across volume.

Where people get this wrong

Testing only in light mode before sending.A clean light-mode preview tells you nothing about how Apple Mail's automatic inversion will treat your uncoded elements.
Using solid-background logo files.A logo saved with a white background looks fine in light mode and disappears into a white box on a dark background. Transparent PNGs solve this in one step.
Assuming device settings decide the rendering.The email client, not the device, controls whether your coded colours are respected or overridden. Two people with the same phone can see two different results depending on which app they use.

Related terms

Common questions

Which email clients support dark mode?

Apple Mail, Outlook for iOS and Android, and Gmail's mobile apps all support dark mode, but they handle it differently. Apple Mail auto-inverts uncoded colours, while Gmail mostly respects the colours you've explicitly set. Always test the specific clients your subscribers actually use.

How do I stop my logo disappearing in dark mode?

Export your logo as a transparent PNG rather than one with a solid white background. That way the logo sits correctly whether the surrounding email renders on a light or dark background, without needing separate versions for each mode.

Do I need a separate dark mode version of my email?

Not usually. Most email service providers let you set explicit background and text colours that hold regardless of the client's colour scheme. A fully separate dark mode template is only worth building for high-volume senders chasing marginal gains.

Does dark mode affect open rate or just appearance?

It mostly affects click-through rate rather than open rate, since the subject line renders fine either way. The damage happens after the open, when broken visuals or unreadable text stop the subscriber from acting on the email.

Debrief

Get the next one

No spam. No fluff. Just the next article, straight to your inbox.

Keep exploring

About New Rebellion

New Rebellion is a marketing intelligence consultancy. We build tools, score Australian businesses on how their marketing actually performs, and publish Debrief every day. This dictionary is part of how we work in the open.

How we think →