← CSS Support IndexDoes CSS
Does CSS color-scheme CSS property Work in HTML Email?
Changes the default colors of HTML elements. Useful for when you want an email to display only in a dark color scheme or only a light scheme, regardless of user settings
Quick Answer
Does color-scheme CSS property work in HTML email?
The CSS color-scheme CSS property property is supported in Apple Mail, Samsung Email, Thunderbird, ProtonMail. It is NOT supported in Gmail, Outlook (Windows), Outlook (Mac / Web), and others. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS color-scheme CSS property?
CSS support for color-scheme CSS property across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✗ No | ✗ No | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✗ No | ✗ No | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ✓ Yes | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✗ No | — |
| Fastmail | ✗ No | ? | — |
Notes
- #1 Works only the html/root element
- #2 Buggy. The property is supported but does not work due to a prefix added by the webmail on the rule selector.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support color-scheme CSS property.