Kan ik ook een apart ontwerp van mijn e-mail maken voor dark mode?

In het kort gezegd, nee, niet direct.

Het gedrag van e-mails in dark mode wordt volledig bepaald door e-mailclients zoals Gmail, Outlook en iOS Mail. Zij passen automatisch kleuren en achtergronden aan om de leesbaarheid te verbeteren voor de gebruiker. Als verzender hebben wij hier geen of nauwelijks invloed op.

Omdat deze aanpassingen plaatsvinden nadat de e-mail is afgeleverd, kunnen wij dit proces niet uitschakelen of volledig sturen. Om die reden kunnen wij ook geen sluitende oplossing bieden waarmee een e-mail er in dark mode exact hetzelfde uitziet als in light mode en dat maakt het extra lastig om je e-mails consistent binnen je huisstijl te houden.

Wat we wel kunnen doen, is uitleggen hoe dark mode werkt, waarom verschillen ontstaan en hoe je e-mails zo ontwerpt dat ze in beide modi zo stabiel en leesbaar mogelijk blijven.

Let wel: dark mode is in de eerste plaats een toegankelijkheidsinstelling. Veel gebruikers kiezen hiervoor om prettiger te lezen, niet om design te beoordelen. Daarom hoeft een e-mail in dark mode er niet net zo perfect uit te zien als in light mode. Het is belangrijker dat de e-mail leesbaar en herkenbaar blijft dan dat de volledige huisstijl één op één wordt doorgevoerd. Gooi dus niet je hele huisstijl om op basis van dark mode.

Wat is dark mode bij e-mails

Dark mode is een weergavemodus waarbij lichte achtergronden en donkere tekst worden omgezet naar een donkere achtergrond met lichte tekst. Dit gebeurt automatisch op basis van de instellingen van de gebruiker en de keuzes van de e-mailclient.

Elke e-mailclient hanteert zijn eigen regels. Sommige clients inverteren alleen kleuren, andere passen ook afbeeldingen, achtergronden en knoppen aan. Dit verklaart waarom dezelfde e-mail er per client anders uit kan zien.

Waarom e-mails er anders uitzien in dark mode

E-mailclients analyseren de HTML broncode van een e-mail en nemen vervolgens zelf beslissingen over kleurgebruik. Daarbij kijken ze onder andere naar

achtergrondkleuren
tekstkleuren
contrast
gebruik van afbeeldingen
inline styling versus CSS

Deze analyse gebeurt buiten de controle van de afzender. Zelfs als een e-mail technisch correct is opgebouwd, kan een client besluiten kleuren te wijzigen of achtergronden te negeren.

Waarom dit niet uit te schakelen is

Er bestaat (momenteel) geen HTML of CSS instelling waarmee je dark mode kunt uitschakelen. Er is ook geen universele techniek om e-mailclients te dwingen een e-mail altijd in light mode te tonen.

Sommige online oplossingen beloven controle over dark mode, maar deze werken hooguit in één specifieke client en zijn vaak instabiel of inmiddels geblokkeerd. In de praktijk leveren ze meer problemen op dan ze oplossen.

Wat je realistisch gezien wél kunt doen

Hoewel je dark mode niet kunt sturen, kun je je e-mails wel zo ontwerpen dat ze minder gevoelig zijn voor automatische aanpassingen.

Ontwerp en layout: Gebruik een lichte basisachtergrond: wit of lichtgrijs wordt minder agressief aangepast dan donkere of verzadigde kleuren.
Vermijd achtergrondafbeeldingen voor belangrijke content: achtergrondafbeeldingen worden vaak genegeerd of verkeerd geïnterpreteerd in dark mode.
Werk met witruimte in plaats van kleurvlakken: structuur aanbrengen met spacing en indeling is stabieler dan werken met gekleurde achtergronden.
Gebruik dunne lijnen in plaats van grote vlakken: subtiele scheidingselementen blijven meestal intact.

TIP: Preview je mailing in dark mode met Enormail

Je kan je mailing ook alvast previewen in de designer van Enormail. Dat scheelt je tijd omdat je niet telkens eerst een testmailing hoeft te versturen aar jezelf.

1: Op het ontwerp van je mailing en klik linksonder op het oogje.

2: Klik op het zon/maan icoon om te switchen tussen light en dark mode. Klik op het kruisje om weeer te sluiten.

Kleuren en contrast

Gebruik geen puur zwart (kleurcode #000000) voor tekst: donkergrijs (# blijft consistenter in dark mode.
Vermijd extreem felle kleuren: deze worden vaak afgezwakt of aangepast door de client.
Zorg dat contrast ook zonder kleur logisch blijft: een e-mail moet begrijpelijk blijven als kleur minder dominant wordt.

Knoppen en call to actions

Gebruik eenvoudige knopontwerpen: complexe gradients en schaduwen worden vaak verkeerd weergegeven.
Test of knoptekst leesbaar blijft bij kleurwijziging: zorg voor voldoende contrast tussen tekst en achtergrond.

Afbeeldingen en logo’s

Gebruik afbeeldingen met transparante achtergrond: dit voorkomt ongewenste witte vlakken in dark mode.
Zet geen essentiële tekst in afbeeldingen: tekst in afbeeldingen wordt niet aangepast en kan onleesbaar worden.
Gebruik geen zeer donkere logo’s op transparant: deze kunnen wegvallen tegen een donkere achtergrond.

HTML en techniek

Gebruik inline achtergrondkleuren waar nodig: sommige clients respecteren inline styling beter dan CSS.
Houd de HTML structuur eenvoudig: hoe complexer de opbouw, hoe groter de kans op afwijkingen.
Gebruik geen dark mode hacks: deze zijn onbetrouwbaar en vergroten de kans op renderingproblemen.

Testen en verwachtingen managen

Test e-mails altijd in meerdere clients: vooral iOS Mail staat bekend om agressieve dark mode aanpassingen.
Streef naar leesbaarheid en herkenbaarheid: niet naar een identiek ontwerp in alle modi.
Accepteer variatie: dark mode is geen ontwerpfunctie maar een interpretatie door de e-mailclient.

Veel gestelde vragen

1) Is het mogelijk om de automatische kleurwijziging uit te schakelen?

Nee. Dit wordt volledig bepaald door de e-mailclient van de ontvanger en is niet uit te schakelen.

2) Hebben we hier binnen Enormail meer controle over?

Nee. De e-mail wordt correct verstuurd, maar de weergave in dark mode wordt daarna door de e-mailclient aangepast. Dit ligt buiten onze invloed.

3) Waarom ziet mijn e-mail er anders uit in dark mode?

E-mailclients passen automatisch kleuren en achtergronden aan om de leesbaarheid te verbeteren.

4) Geldt dit voor alle e-mailclients?

Ja, maar iedere e-mailclient past dark mode anders toe, waardoor verschillen ontstaan.

5) Is er een technische oplossing om dit te forceren?

Nee. Er bestaat geen betrouwbare techniek om e-mails altijd in light mode te tonen.

6) Wat kunnen jullie wél doen?

We adviseren hoe je e-mails zo ontwerpt dat ze in zowel light als dark mode goed leesbaar blijven, mocht je heel veel belang hechten aan de dark mode.

Conclusie

Dark mode gedrag bij e-mails wordt volledig bepaald door e-mailclients en is nauwelijks te beïnvloeden door verzenders. Daarom bestaat er geen perfecte of technische oplossing waarmee e-mails er in alle situaties hetzelfde uitzien.

Door hier bij het ontwerp rekening mee te houden en realistische verwachtingen te communiceren, zorg je ervoor dat e-mails in zowel light als dark mode professioneel, leesbaar en herkenbaar blijven.