But fortunately, there are solutions to this!
Relatively easy solutions: customize content
→ Use transparent png images as much as possible;
→ Add a translucent outline to dark images/transparent pngs for better readability;
Solutions in the html:
→ Enable dark mode for your email by including this metadata in the. Thus, dark mode becomes active in your mail if dark mode is enabled at the recipient.
Voeg toe tussen
meta name=”color-scheme” content=”light dark”
meta name=”supported-color-schemes” content=”light dark”
→ You can add dark mode styles to the style section. This lets you use custom styles for dark mode in: iOS, Apple Mail, Outlook.com, Outlook 2019 (macOS) and Outlook App (iOS). Elements like .dark-img and .light-img are useful when an outlined logo is not pretty.
Tip: Check out this guide for more information and examples.
Are you running into these challenges and need help? Then we would love to help you! Please contact us.
This is an example of how we solved the problem with our logo in emails: