Dark Mode Email Preview
See how your HTML email renders in dark mode. Compare side by side with light mode and catch potential issues before sending.
Tips for dark mode compatible emails
Use the color-scheme meta tag
Add <meta name="color-scheme" content="light dark"> to your email's head. This tells email clients that your email supports both modes and gives you more control over how dark mode is applied.
Avoid transparent PNGs on colored backgrounds
Logos and icons with transparent backgrounds can become invisible when the background is inverted. Add a subtle padding with a solid background to your images, or provide dark-mode-specific image variants.
Test across email clients
Dark mode behavior varies widely between email clients. Apple Mail, Gmail, and Outlook all handle dark mode differently. Some invert colors, some only change backgrounds, and some respect your CSS. Always test in multiple clients.
Start sending in minutes.
3,000 emails/month on the free tier. No credit card, no commitment.