ProEmailSign

Dark mode signatures: the 4 mistakes we see most

Most signatures look fine on a white background and fall apart on a dark one. We pulled together the 4 things to fix to ship dark-mode-safe signatures.

Mira Okafor · Lead designer · Apr 10, 2026 · 4 min read
Dark mode signatures: the 4 mistakes we see most

Mistake 1 — Logos with white backgrounds

A JPG with a white background gets a glowing white box around it on dark mode. Always export as transparent PNG.

Mistake 2 — Hardcoded dark text

If your sender name is `#0b0d22`, it disappears on a `#000` Apple Mail background. Use semantic colours that adjust in both modes.

Mistake 3 — Inverted social icons

Black social icons disappear in dark mode. We ship dual-toned versions or use solid coloured backgrounds.

Mistake 4 — Skipping the test

You won't catch dark mode issues by checking your signature in Gmail web on a Mac. Use Apple Mail with macOS dark mode forced on.

Written by Mira Okafor
Lead designer · ProEmailSign