To ensure your signature displays optimally in dark mode environments (Dark Mode), it is important to adapt certain design elements. This particularly applies to text colors and images.
❶ Use suitable text colors
Some email clients (such as Outlook or Apple Mail) automatically switch from a light background to a dark one. This can invert the colors in your signature or make some text unreadable. Here are a few best practices:
Choose dark text colors on a light background (such as dark gray or black) rather than light text on a dark background.
❷ Handle images properly
Images can also be affected by dark mode, particularly if they contain text or have a transparent background.
Here’s how to optimize their display:
Prefer images with a solid background (white or a light color) rather than a transparent one, to prevent embedded text from becoming unreadable.
Avoid light-colored logos on a transparent background, as they may blend into a dark background.
Add a subtle outline (a thin dark border or a light shadow) around images containing light-colored text to ensure they remain visible.
Use the PNG format for better display quality, especially for logos.
Check the appearance
Once you have created your signature, it is essential to test how it looks:
Send yourself a test email with your signature enabled.
View this email in different email clients (Gmail, Outlook, Apple Mail…) with dark mode enabled.
Check that all elements (text, colors, images) remain legible and well-balanced.