Email Dark Mode Strategy

Definition

An email dark mode strategy is a documented approach to handling how emails display when a subscriber's email client applies its own dark colour scheme. Because each major client implements dark mode differently — some invert colours, others replace background colours while preserving images, and some apply partial colour shifts — a single simple solution does not work across all platforms.

Without a strategy, dark mode can produce unreadable text, inverted logos, invisible CTAs and images that clash with the dark background. A deliberate strategy anticipates these behaviours and designs the email to handle them gracefully.

How Major Clients Handle Dark Mode

• Apple Mail: Partially inverts colours on light backgrounds, preserves images and uses @media (prefers-color-scheme: dark) queries
• Gmail (iOS/Android): Full colour inversion including images unless overridden
• Outlook.com: Does not apply dark mode to emails
• Outlook (desktop): Minimal dark mode support

Best Practices

• Use transparent PNG logos instead of logos with white backgrounds that invert badly
• Add dark-mode-specific CSS using @media (prefers-color-scheme: dark) to define explicit dark colour values
• Test every campaign in each major client's dark mode before sending — do not assume one fix works for all
• Accept that some clients will not render perfectly and prioritise readability over pixel perfection