Definizione
La dark mode è l'impostazione che mostra le interfacce con sfondi scuri e testo chiaro. Molti client di posta la applicano anche alle eMail, ma ognuno a modo suo: alcuni non cambiano nulla, altri invertono solo gli sfondi chiari, altri ancora invertono tutti i colori. Alcuni client rispettano le regole CSS pensate per la dark mode (la media query prefers-color-scheme), altri le ignorano.
Perché è importante per il tuo eCommerce
Una parte crescente dei tuoi iscritti legge in dark mode, e un template disegnato solo per lo sfondo bianco può rompersi in modi poco evidenti in fase di test. I problemi più comuni:
Logo che sparisce: un logo scuro su sfondo trasparente diventa invisibile sul nero.
Testo nelle immagini: non si adatta, e può risultare illeggibile.
Colori del brand alterati, soprattutto nei pulsanti.
Le contromisure: un logo con un contorno o uno sfondo proprio, il testo importante in HTML e non dentro le immagini (vale anche per l'image blocking), e test su più client prima di chiudere il template.
Esempio pratico
Un brand di moda ha un logo nero in PNG trasparente. In dark mode, su molti smartphone, l'header della newsletter appare vuoto. Aggiungendo un sottile contorno chiaro al logo, resta leggibile sia sullo sfondo bianco sia su quello scuro.