Skip to main content
Free email tool

Email dark mode simulator

Dark mode isn't one behaviour — Apple Mail fully inverts, Gmail partially adjusts, Outlook barely touches it. Paste your email to see each, side by side with the light version, and catch invisible text before you send.

Frequently asked questions

How does dark mode work in email?

There's no single behaviour. Apple Mail and Outlook can fully invert your colors, Gmail on Android partially adjusts them, and some clients leave the email untouched. The same email can look correct in one client and have invisible text in another.

Why is my white text invisible in dark mode?

If you set white text expecting a colored background, a client that force-inverts may darken the background to near-black but leave the text light — or vice versa, turning dark text on a now-dark background unreadable. Setting explicit background colors on the containing cells is the usual fix.

How do I stop email clients from changing my colors?

Add the color-scheme and supported-color-schemes meta tags to opt into dark mode on your own terms, set explicit background-color on table cells, and use the prefers-color-scheme media query for clients that honour it. This simulator shows which clients respect those signals.

The email CSS thing I fixed this week

Every other week: one real rendering bug, the root cause, and a working fix. Code included. Usually something Outlook does silently.

Every other week. Unsubscribe anytime.