@media (prefers-color-scheme)

This media query allows to theme for system light and dark mode.

Estimated Support About

27.27% supported

Apple Mail

macOS

10.3
12.4

iOS

12.2
13.0

Gmail

Desktop Webmail

2020-01

iOS

2020-01

Android

2020-01

Mobile Webmail

2020-02

Outlook

Windows

2003
2007
2010
2013
2016
2019

Windows Mail

2020-01

macOS

2019

Outlook.com

2019-07

iOS

2020-01

Android

2020-01

Yahoo! Mail

Desktop Webmail

2020-01
1

iOS

2020-01
1

Android

2020-01
1

AOL

Desktop Webmail

2020-01
1

iOS

2020-01
1

Android

2020-01
1

Samsung Email

Android

6.0

Mozilla Thunderbird

macOS

60.8
68.4
78.5

ProtonMail

Desktop Webmail

2020-03

iOS

2020-03

Android

2020-03

Fastmail

Desktop Webmail

2021-07
2

HEY

Desktop Webmail

2020-06

Orange

Desktop Webmail

2019-08
2021-03

iOS

2020-01

Android

2020-01

LaPoste.net

Desktop Webmail

2021-08

SFR

Desktop Webmail

2019-08

iOS

2019-08

Android

2019-08

Mail.ru

Desktop Webmail

2020-10

Notes

  • 1

    Not supported. @media (prefers-color-scheme) is transformed into @media ( _filtered_a ).

  • 2

    Not supported. @media (prefers-color-scheme:dark) is transformed into @media none.

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!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email or get in touch on Twitter.

Test it yourself

This feature was last tested on September 26, 2019.

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.

View the test code