Create a dark mode compatible signature

To ensure optimal display of your signature in dark mode environments, it is important to adapt certain design elements. This particularly concerns the text colors and images used.

Use appropriate text colors

Some email clients (such as Outlook or Apple Mail) automatically switch from a light background to a dark background. This can invert the colors of your signature or make some text unreadable. Here are some best practices:

• Favor dark text colors on a light background (such as dark gray or black) rather than light text on a dark background.

Properly manage images

Images can also be affected by dark mode, particularly if they contain text or a transparent background.

Here is how to optimize their display:

• Prefer images with a solid background (white or light-colored) rather than transparent, 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 (thin dark border or light shadow) around images containing light text to ensure their visibility.

• Use the PNG format for better display quality, particularly for logos.

Check the rendering

Once your signature has been created, it is essential to test how it is rendered:

• Send yourself a test email with your signature enabled.

• View this email in different email clients (Gmail, Outlook, Apple Mail, etc.) with dark mode enabled.

• Check that all elements (text, colors, images) remain legible and visually consistent.