Apple Mail requires the supported-color-scheme
meta or CSS property for dark mode
#104
Labels
Apple Mail
macOS and iOS
All versions of Apple Mail (on macOS or iOS) require either the
<meta name="supported-color-scheme" value="light dark">
tag orcolor-scheme: light dark;
CSS property for dark mode to work. This is weird and opposite to the way dark mode works on the web where these meta/property are totally optional and only serve to let the browser make default changes (for form controls for example).On top of that, Apple Mail requirements for these has evolved over the years. From what I can test, in Apple Mail 12 (macOS Mojave), Apple Mail requires the meta notation (and doesn't support the CSS notation):
From Apple Mail 13 (macOS Catalina) and above, Apple Mail requires the CSS notation (and no longer supports the meta notation):
Also worth mentioning that before Apple Mail 12, during macOS Mojave beta, Apple supported the old syntax (with
color-scheme
instead ofprefers-color-scheme
). There was also a syntax of@media (prefers-dark-interface)
but I don't believe it was ever supported.MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
The text was updated successfully, but these errors were encountered: