Waarom mijn e-mail er anders uitziet in donkere modus

De weergave in donkere modus wordt bepaald door het apparaat van de ontvanger, niet door de afzender

Alva Digital Downloads verstuurt voor elke klant één stuk HTML. Wanneer die HTML in een inbox aankomt, bepaalt de e-mailapp op de telefoon of computer van de ontvanger hoe die wordt getekend. Als de ontvanger donkere modus heeft aanstaan, haalt de e-mailapp het bericht eerst door een kleurinversie-algoritme voordat het wordt getoond. De HTML die Alva verlaat is voor elke klant identiek — de weergave niet.

Dit is niet specifiek voor Alva. Elke e-mail — of die nu door Alva Digital Downloads, Gmail, Klaviyo, Mailchimp, de standaard transactionele mails van Shopify, of een handgemaakte eenmalige mail is verstuurd — gaat door dezelfde client-side weergave. Het apparaat van de ontvanger is uiteindelijk de bepalende factor voor hoe de mail eruitziet.

Geen enkele e-mailservice kan de transformatie naar donkere modus voorkomen

Donkere modus wordt toegepast door de e-mailapp van de ontvanger nadat de mail is bezorgd. Er is geen vlag, header of instructie die de afzender in de HTML kan opnemen om de e-mailapp donkere modus te laten negeren. Apple, Google en Microsoft bieden bewust geen dergelijke optie aan. Donkere modus is een gebruikersvoorkeur, en e-mailapps respecteren die ongeacht wat de afzender wil.

Dat betekent dat overstappen naar een andere e-mailprovider niet helpt. Of de mail nu van Alva Digital Downloads, Klaviyo, Mailchimp, Postmark, SendGrid of de native ordermails van Shopify komt, de telefoon van de ontvanger transformeert hem op dezelfde manier. De provider verstuurt HTML; het apparaat van de ontvanger bepaalt de kleuren.

Verschillende e-mailapps transformeren dezelfde e-mail anders

Er is geen enkele "donkere-modus-look" om voor te ontwerpen. De vier meest gebruikte e-mailapps — Apple Mail, Gmail iOS, Gmail Android en Outlook — transformeren kleuren elk met hun eigen algoritme. Dezelfde e-mail die in twee inboxen aankomt, kan met andere achtergrondtinten, andere knopkleuren en ander tekstcontrast worden weergegeven, puur omdat hij in een andere app is geopend.

• Apple Mail (iOS & macOS) — gedeeltelijke inversie. Lichte achtergronden worden donker en donkere tekst wordt licht, maar elementen die al op een donkere achtergrond stonden, blijven met rust. De minst ingrijpende van de vier.
• Gmail op iPhone — volledige inversie. Zowel lichte als donkere achtergronden worden omgedraaid, wat logo's, merkkleuren en knoppen op onvoorspelbare manieren kan beïnvloeden.
• Gmail op Android — gedeeltelijke inversie. Vergelijkbaar gedrag met Apple Mail, maar via een ander algoritme.
• Gmail op desktop & Outlook — laten de e-mail meestal zoals hij is ontworpen.

Omdat deze weergaves onderling onverenigbaar zijn, breekt optimaliseren voor één van hen vaak de andere. Er bestaat geen ontwerp dat er in elke donkere-modus-client identiek uitziet.

De meeste ontvangers zien nog steeds precies de e-mail die je hebt ontworpen

Ongeveer 90% van de e-mailopens gebeurt in lichte modus, waardoor zo'n 10% van de ontvangers een door donkere modus getransformeerde versie ziet. De meerderheid in lichte modus ziet de headerband, knopkleur, het logo en de achtergrond die je in de Alva-admin hebt ingesteld. De minderheid in donkere modus ziet een getransformeerde versie — over het algemeen nog leesbaar, maar visueel anders.

Voor een bezorgmail die bestaat om de klant naar hun downloads te sturen, maakt die variatie zelden uit. De inhoud blijft leesbaar, de Download-knop blijft klikbaar, en de taak van de mail — de klant bij zijn bestanden brengen — blijft onaangetast.

Wat je wel en niet kunt doen aan donkere modus

Je kunt geen specifieke weergave afdwingen op alle apparaten van ontvangers. Geen enkele afzender kan dat. De transformatie wordt lokaal toegepast door elke e-mailapp en is onzichtbaar voor iedereen behalve de ontvanger.

Je kunt de weergave in donkere modus wel voorspelbaarder maken door randgevallen te vermijden waar de inversiealgoritmes slecht mee omgaan:

• Gebruik middentonen als achtergrond in plaats van puur wit. Inversiealgoritmes draaien puur wit agressief om; een zacht gebroken wit of lichtgrijs transformeert eleganter.
• Gebruik een logo met interne marge, zodat er ruimte omheen zit. Logo's die hun randen raken, kunnen visueel samensmelten met geïnverteerde achtergronden.
• Vermijd puur zwarte tekst op gekleurde headers — het contrast kan op onverwachte manieren omkeren. Gebruik de titelkleur-instelling in de e-mailinstellingen van Alva om een kleur te kiezen die in beide richtingen contrasteert met de accentband.
• Stuur een testmail naar jezelf en bekijk die op je eigen telefoon met donkere modus aan. Dat is de enige betrouwbare manier om te zien wat jouw specifieke klanten te zien krijgen.

De eerlijke samenvatting

De mail die Alva Digital Downloads verstuurt komt overeen met het voorbeeld in de admin. Ongeveer 90% van de ontvangers ziet precies die mail. De overige 10% ziet een getransformeerde versie die door hun eigen apparaat is gemaakt — en die transformatie ligt buiten de invloed van elke afzender, ongeacht welke service wordt gebruikt. Dit is een beperking van hoe donkere modus werkt in e-mailapps, geen beperking van Alva of een andere provider.