light-dark()

Enables setting two colors (one for light and the other for dark mode) for a property.

Estimated Support About

11.11% + 22.22% = 33.33%

Outlook

Windows

2007
2010
2013
2016
2019

macOS

16.88

iOS

2024-08

Android

2024-08

1&1

Desktop Webmail

2025-09

Android

2025-09

WEB.DE

Desktop Webmail

2025-09

iOS

2025-09

Android

2025-09

WP.pl

Desktop Webmail

2025-09

Free.fr

Desktop Webmail

2024-08

T-online.de

Desktop Webmail

2024-08
2

Notes

  • 1

    Only supported if you’ve updated your OS with Safari 17.5 or later.

  • 2

    Buggy. The function is supported but the color stays light even in dark mode.

  • 3

    Partial. Not supported with Hotmail/Outlook accounts.

Resources

Sponsor

Resend

Sponsored by Resend. Email for developers. The best way to reach humans instead of spam folders. Deliver transactional and marketing emails at scale.

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email.

Test it yourself

This feature was last tested on August 14, 2024.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.