Maar hier zijn gelukkig oplossingen voor!
Relatief makkelijke oplossingen: content aanpassen
→ Zoveel mogelijk transparante png-afbeeldingen gebruiken;
→ Voeg een doorschijnende omtrek toe aan donkere afbeeldingen/transparante png’s voor een betere leesbaarheid;
Oplossingen in de html:
→ Schakel de donkere modus in voor jouw e-mail door deze metadata in de op te nemen. Zo wordt dark mode actief in jouw mail als dark mode is ingeschakeld bij de ontvanger.
Voeg toe tussen
meta name=”color-scheme” content=”light dark”
meta name=”supported-color-schemes” content=”light dark”
→ Je kunt dark mode stijlen toevoegen aan de style sectie. Hiermee gebruik je aangepaste stijlen voor dark mode in: iOS, Apple Mail, Outlook.com, Outlook 2019 (MacOS) en Outlook App (iOS). Elementen als .dark-img en .light-img zijn handig als een omlijnd logo niet mooi is.
Tip: Bekijk deze handleiding voor meer informatie en voorbeelden.
Loop jij tegen deze uitdagingen aan en heb je hulp nodig? Dan helpen wij je graag! Neem contact met ons op.
Dit is een voorbeeld van hoe wij het probleem met ons logo in e-mails hebben opgelost: