Dark mode v e-mailu
Dark mode v e-mailu je tmavé zobrazení zprávy, které e-mailové klienty zapínají podle nastavení systému a při kterém některé z nich automaticky invertují nebo upravují barvy odesílatelovy šablony.
Chování se liší: Apple Mail a iOS respektují media query prefers-color-scheme a nechají autorovi kontrolu; Gmail na Androidu a Outlook barvy částečně invertují a mohou z tmavého textu na bílém pozadí udělat světlý text na tmavém, u obrázků a log s průhledným pozadím ale nic nezmění, takže černé logo zmizí.
Praktická doporučení: logo s bezpečnou obrysovou linkou nebo na neprůhledném podkladu, barvy s dostatečným kontrastem v obou režimech, meta tagy color-scheme a supported-color-schemes v hlavičce a jednoduchá media query pro klienty, které ji umí. Před nasazením šablonu otestujte v Gmailu na Androidu a v Outlooku.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style>
@media (prefers-color-scheme: dark) { .body { background:#111 !important; color:#eee !important } }
</style>