How to Make an Email Signature That Works in Dark Mode
More than half of mail is now read in dark mode, and it quietly ruins signatures: black text disappears, dark logos melt into the background, and baked-in white boxes glow like a flashlight. Here's how to build one signature that looks right in both worlds.
Step by step
Understand what dark mode actually does
Clients handle it differently. Apple Mail mostly renders your colors as-is on a dark canvas; Gmail and Outlook may invert or adjust colors they think are too dark. So a signature can look fine in one client's dark mode and broken in another — you have to design defensively, not for one client.
Never use pure black or pure white text
Pure black (#000000) is the most aggressively inverted color, and pure white disappears on light mode when inversion overshoots. Use a very dark gray (like #1D1D1F) for text and mid-grays for secondary lines — they read well on both backgrounds and survive inversion gracefully.
Fix the disappearing-logo problem
A dark logo on a transparent PNG vanishes on a dark background. Three working fixes: use a version of the logo with a subtle light outline or padding “chip” behind it, use a logo variant designed for dark backgrounds, or put the logo on a small rounded rectangle with a fixed light background that looks intentional in both modes.
Don't bake a white background into images
A photo or logo exported with a solid white box turns into a glowing rectangle in dark mode. Export images with transparency (PNG), and let the client's background show through.
Avoid forcing background colors on the whole signature
Setting a white background on the signature table “fixes” dark mode by blinding the reader. Leave the background transparent and choose colors that work on both — that's what a native dark-mode-safe signature means.
Test in the clients that matter
Send yourself the signature and check: Apple Mail in dark mode (macOS and iOS), Gmail's dark theme (web + app), and Outlook dark. Check that text is readable, the logo is visible, and no image glows.
Or preview both modes while you design
Autograph's editor has a one-click dark-mode preview — you watch the same signature flip between light and dark while editing, and its templates use dark-safe colors and transparent image handling by default.
Dark-mode-safe by default
Every Autograph template is designed to survive dark mode — and the editor previews both modes live, so nothing ships that you haven't seen on black.
Download Autograph free See the templatesCommon questions
Why does my logo disappear in dark mode?
It's a dark-colored logo on a transparent background — fine on white, invisible on near-black. Use a light-outlined variant, a dark-mode logo version, or a subtle light chip behind it.
Does Apple Mail invert my signature's colors?
Apple Mail generally respects your colors and just changes the canvas behind them. Gmail and Outlook are the ones that may actively adjust or invert colors — which is why pure black text is risky.
Can I detect dark mode and swap styles in an email signature?
Mostly no. Some clients support the prefers-color-scheme media query, but many strip it. Reliable signatures don't branch on dark mode — they use colors and images that work in both.