Email Signature in Dark Mode (Logos & Colors That Survive)
You built a signature that looks sharp on a white background. Then someone reads it on their phone at night and your logo has vanished, your name is glowing pure white, and your brand-blue link is illegibly dark on a near-black background. Nothing is broken in your HTML — the recipient’s email client rewrote your colors, and every client does it differently.
Here is what actually happens, and how to design a signature that survives it.
What dark mode actually does to your signature
Email clients take one of three approaches when the user enables dark mode. As of June 2026, the landscape looks roughly like this:
| Behavior | What it means | Typical clients |
|---|---|---|
| No change | The app chrome goes dark; your signature renders with its original colors | Gmail on the web, Apple Mail for most HTML email |
| Partial inversion | Light backgrounds are darkened, dark text is lightened; colors deemed “safe” are left alone | Outlook.com, Outlook iOS/Android apps, Gmail Android app |
| Full inversion | Nearly all colors are recalculated, including backgrounds and brand colors | Gmail iOS app, classic Outlook on Windows |
The painful part: this is the recipient’s setting, not yours. The same signature gets read in all of these environments, so you can’t optimize for one — you have to pick colors that degrade gracefully in all of them.
Why you can’t just fix it with CSS
If you’ve built websites, your instinct is @media (prefers-color-scheme: dark). That does not work for signatures, for a simple mechanical reason: media queries live in <style> blocks, and signatures pasted into Gmail or Outlook’s settings field lose everything except inline styles. The <head>, <style> tags, and <meta name="color-scheme"> hints that email marketers use in full campaigns simply don’t exist in a pasted signature.
So the entire fix has to live in the colors themselves.
The rules that actually work
1. Use mid-tone text, not pure black. Pure #000000 is the first thing inversion algorithms target — it flips to pure #FFFFFF, which glows harshly on a dark background. Text in the #333333–#555555 range reads comfortably on white, and when inverted it lands on a softer light gray that still has contrast on near-black. This one change fixes most “my signature looks radioactive in dark mode” complaints.
2. Pick mid-luminance accent colors. Very dark brand colors (navy, deep maroon) can become unreadable when the background flips dark and the client decides the color is “safe” and leaves it alone. Very light accents have the opposite problem in light mode. Accents in the middle of the luminance range — think #2563EB rather than #0A1F44 — stay legible whether the background is white or near-black.
3. Make your logo a transparent PNG — and assume the background can be anything. A logo with a baked-in white background becomes a glaring white rectangle floating on a dark email. Export the logo as a PNG with a transparent background. If the logo artwork itself is dark, it will then disappear into a dark background instead — the fix is either a version of the logo that works on both (many brands keep a mid-tone or outlined variant for exactly this), or padding the logo with a subtle white keyline so it stays separated from whatever is behind it.
4. Don’t set background colors on table cells unless you must. A hard-coded background-color: #FFFFFF on your signature table is a white box in dark mode for clients that don’t invert it, and an unpredictable gray for clients that do. Transparent backgrounds inherit whatever the client chooses, which is almost always the right answer.
5. Test in both modes before you ship it. Send the signature to yourself and check it in at least one inverting client (the Gmail iOS app or Outlook for Windows are the strictest) with dark mode on. A signature that passes Gmail-iOS-dark and plain light mode will hold up almost everywhere.
How OnceSig handles this
The OnceSig editor has a dark-mode preview toggle, so you see your signature on a simulated dark background while you’re editing — before you ever paste it into Gmail or Outlook. The default palettes in all eight templates use mid-tone text and mid-luminance accents specifically so they survive inversion, and the generated HTML uses inline styles only (no <style> blocks that would silently disappear on paste anyway).
There’s no subscription and no account — the editor is free to use, and a one-time license (pricing) unlocks clean export with no credit line. Your signature data stays in your browser’s localStorage; it never touches a server.
If your current signature is already misbehaving in dark mode, the fastest path is usually: rebuild it with mid-tone text, swap the logo for a transparent PNG, remove any hard-coded white backgrounds, and re-test on a phone with dark mode enabled. Ten minutes, and it stops being a recurring complaint.
Skip the debugging next time
OnceSig templates are pre-engineered to pass Outlook's Word renderer and Gmail's sanitizer — build one free.
Open the OnceSig editorFrequently asked questions
Why does my logo disappear in dark mode?
Most likely it is a dark logo on a transparent background. When the client switches the email background to near-black, the dark logo blends into it. Use a transparent PNG with a light-safe version of the logo, or add padding with a white keyline behind it.
Can I force my email signature to stay in light mode?
No. Dark mode is applied by the recipient's email client, and pasted signatures cannot carry the CSS media queries or meta tags that would influence it. The only reliable strategy is choosing colors that read well after inversion.
Does Gmail dark mode change my signature colors?
It depends on the platform. As of June 2026, Gmail on the web leaves message content alone, the Android app applies a partial inversion to light backgrounds, and the iOS app applies a fuller inversion. The same signature can render three different ways across Gmail alone.
What text color works in both light and dark mode?
Mid-tone grays in the #333333 to #555555 range. They are dark enough to read on white, and when a client inverts them they land in a light gray range that still reads on near-black, without the harsh glow of pure white.