Skip to main content
Emailens
CSS Properties

light-dark

CSS property · 3 supported, 3 partial, 11 unsupported across 21 clients

As of Sep 2, 2026, light-dark fails or degrades in 18 of 21 email clients, treat it as progressive enhancement, never structure.

  • 0/7 webmail, 2/6 desktop, 1/8 mobile clients support light-dark fully.
  • Unsupported in Gmail, Gmail Android, Gmail iOS, Outlook 365 and 7 more.
  • Partial in Samsung Mail, HEY Mail, Proton Mail, behavior differs from browsers, test before relying on it.
  • Outlook Classic (Word engine, supported to at least 2029) does not fully support light-dark, and its replacement changes little here; see the deprecation diff.
  • Across all clients, only 6 of 298 tracked HTML/CSS features render identically everywhere.

Source: caniemail.com (MIT), via the Emailens engine. Last tested upstream Aug 14, 2024, synced by Emailens Sep 2, 2026.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebUnsupported
Gmail AndroidmobileGmail MobileUnsupported
Gmail iOSmobileGmail MobileUnsupported
Outlook 365webmailOutlook WebUnsupported
Outlook (New)desktopOutlook WebUnsupported
Outlook ClassicdesktopMicrosoft WordUnsupported
Outlook iOSmobileOutlook MobileUnsupported
Outlook AndroidmobileOutlook MobileUnknown
Outlook for MacdesktopWebKitUnsupported
Apple MaildesktopWebKitSupportedSee caveat 1
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooUnsupported
Yahoo Mail AndroidmobileYahooUnknown
Yahoo Mail iOSmobileYahooUnsupported
Samsung MailmobileSamsungPartialSee caveat 2
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitPartialSee caveat 3
Proton MailwebmailProtonPartialSee caveat 3
AOL MailwebmailAOLUnsupported
FastmailwebmailFastmailUnknown
SuperhumandesktopBlinkUnknown

Documented caveats (3)

  1. 1.Apple Mail: Only supported if you’ve updated your OS with Safari 17.5 or later.
  2. 2.Samsung Mail: Partial. Not supported with Hotmail/Outlook accounts.
  3. 3.HEY Mail, Proton Mail: Buggy. The function is supported but the color stays light even in dark mode.

Caveats recorded by caniemail.com (MIT) and carried verbatim, one entry per wording rather than per client.

Client-by-client behaviour for light-dark

Fully supports light-dark (3): Apple Mail, Apple Mail iOS, Thunderbird.

Partial support (3): Samsung Mail, HEY Mail, Proton Mail. Expect rendering quirks unique to each engine. Partial support typically means a subset of values, an ignored shorthand, or sanitizer-specific rewrites.

No support (11): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook for Mac, Yahoo Mail, Yahoo Mail iOS, AOL Mail. Plan fallbacks for these clients before relying on light-dark in production sends.

Behaviour unverified in: Outlook Android, Yahoo Mail Android, Fastmail, Superhuman.

Fixes & Workarounds

Gmail

Unsupported

"light-dark" is not supported in this email client.

Gmail Android

Unsupported

"light-dark" is not supported in this email client.

Gmail iOS

Unsupported

"light-dark" is not supported in this email client.

Outlook 365

Unsupported

"light-dark" is not supported in this email client.

Outlook (New)

Unsupported

"light-dark" is not supported in this email client.

Outlook Classic

Unsupported

"light-dark" is not supported in this email client.

Outlook iOS

Unsupported

"light-dark" is not supported in this email client.

Outlook for Mac

Unsupported

"light-dark" is not supported in this email client.

Yahoo Mail

Unsupported

"light-dark" is not supported in this email client.

Yahoo Mail iOS

Unsupported

"light-dark" is not supported in this email client.

AOL Mail

Unsupported

"light-dark" is not supported in this email client.

Samsung Mail

Partial

"light-dark" is not supported in this email client.

HEY Mail

Partial

"light-dark" is not supported in this email client.

Proton Mail

Partial

"light-dark" is not supported in this email client.

Related Features

Check your own HTML for light-dark

Paste your own, or run the sample below. Analyzed in this page, with no signup and nothing stored.

Zero-Friction Engine Preview

Test your light-dark layout across 21 email clients

Preview rendering, catch CSS issues, and see how light-dark displays across Outlook, Gmail, and Apple Mail. Free, no account needed.

Instant live preview · No signup required · 21 email engines

Last tested upstream: · Last synced by Emailens:

caniemail.com (MIT) records Aug 14, 2024 as the last time light-dark was tested in a real client, 2 years before this sync. Syncing copies that result forward, it does not re-test it. Carried in @emailens/engine data v0.12.2.