Your signature logo disappears in dark mode because many email clients darken the message background, and a dark logo saved as a transparent PNG has nothing behind it to stay visible against. The fix that works in most clients is a logo that reads on both light and dark backgrounds: a mid-tone color, a thin light outline, or a solid plate behind the artwork. Signatures are typically edited in a rich-text box, not in HTML you control, so you cannot rely on the meta tags and media queries used in dark mode for HTML emails. The logo file itself has to do the work.
What Outlook, Gmail and Apple Mail Do to a Signature in Dark Mode
Clients fall into three groups. Per Email on Acid, they “invert absolutely everything,” “partially invert elements,” or leave the email alone unless the sender adds dark mode CSS. None of these sources publish a signature-specific rule, so the table combines their general documentation with Litmus’s client chart.
| Client | Dark mode behavior | Text colors | Images |
|---|---|---|---|
| Outlook for Windows (Microsoft 365, 2021) | Full inversion (Litmus) | Light and dark backgrounds and text can both change | Litmus advises a translucent outline on transparent PNGs with dark text for Outlook 2019; behavior of 2021 and 365 not stated |
| Outlook for Mac (Microsoft 365) | Partial inversion (Litmus) | “Lighter BG colors will be darkened” | Not documented |
| Outlook.com and Outlook on the web | Partial inversion (Litmus) | Lighter backgrounds darkened | Not documented |
| Outlook app (iOS, Android) | Partial inversion (Litmus) | Lighter backgrounds darkened; light fonts on dark backgrounds may be darkened | Not documented |
| Gmail on the web | No color changes (Litmus) | Unchanged | Unchanged |
| Gmail app (iOS) | Full inversion (Litmus) | Rewritten | Litmus advises a translucent outline on transparent PNGs |
| Gmail app (Android) | Partial inversion (Litmus) | Partly rewritten | Litmus advises a translucent outline on transparent PNGs |
| Apple Mail (macOS, iOS) | No change (Litmus) | Unchanged | Unchanged |
What the vendors themselves document is thin:
- Microsoft documents reader controls, not the algorithm. The reading pane gets a dark background, and “To see the original message formatting,” the reader selects Turn on the lights. Classic Outlook also has “Never change the message background color.” The page does not mention signatures or images.
- Google documents the app theme only: Gmail “will automatically respect the system default setting.” Nothing about recoloring message content, so the Gmail rows rely on Litmus.
- Apple documents “Use dark backgrounds for messages” and View > Message > Show with Light Background in Mail on Mac. That guide does not describe Mail on iPhone or iPad.
Client behavior changes between versions, so treat the table as a starting point for your own tests.
Four Logo Fixes That Work Across Clients
A logo that survives both backgrounds beats a clever dark-mode swap, because a signature has no media query to trigger a swap. A reply on a Microsoft Q&A thread about this exact problem reports testing it and concluding that Outlook cannot serve separate light and dark images, though the page does not say whether the responder is Microsoft staff. Plan for one file.
Mid-tone artwork on a transparent PNG. Email on Acid notes that “Using a transparent background ensures that your logo won’t have a white box behind it on a dark background,” but “this only works if your logo is a color that looks great on both light and dark backgrounds.” Trade-off: it only suits brands with a bright or saturated logo color, not black, navy or charcoal.
A thin light outline, shadow or glow. Email on Acid’s advice for dark artwork is a white stroke around the whole logo, which “will be invisible on white backgrounds,” or a light shadow or glow. Trade-off: the same guide warns the stroke may not suit complicated, detailed logos, and designers often dislike the effect.
A solid plate behind the logo. For a dark logo, Opensense’s help center says to “choose a white background or border if your logo is dark (black, navy, charcoal).” A rounded white or brand-colored rectangle baked into the PNG keeps contrast on any background. Trade-off: on a dark page it shows as a deliberate badge, so design it as one rather than as a leftover white box.
No pure black artwork on transparency. This is the failure the Microsoft Q&A poster describes: a black logo that works on white stays black on a dark background. If your brand mark is black, use the plate or the outline.
Example (illustrative, not a test result): a navy wordmark on a transparent PNG is crisp on white and nearly invisible on dark gray. Re-exported with a 2 pixel white outline, the letters read on the dark page and the outline blends into a white one. The cost is a slightly heavier edge in light mode.
Text, Social Icons and Links: Colors That Survive Inversion
Text in a signature is the part clients are most likely to recolor. Exclaimer’s dark mode guidance lists “Dark text turning white” and “Background colors inverting” as common problems, and advises avoiding background colors that may invert. Litmus adds that on the Outlook apps for iOS and Android, “light fonts on a dark background may be darkened,” so white text on a colored band can lose its contrast.
- Prefer mid-tone text and link colors with enough contrast on both white and near-black. A medium blue or teal usually holds up better than pure black text or a pale gray.
- Avoid colored backgrounds behind text unless you accept that a client may recolor them. A community reply on the Microsoft Q&A thread reports that Outlook-specific conditional styles kept a dark band stable in classic Outlook; that is a workaround, not documented behavior.
- Replace black social icons with a brand color or a mid-tone, or give them a plate like the logo.
- Avoid images of text. A text-in-image line cannot be recolored by the client. Exclaimer’s alternative, a thin pale border around text inside images, is a fallback, not a fix.
Hosted vs Embedded Signature Images
How the image reaches the recipient decides whether the logo shows at all, before dark mode matters.
- Linked (hosted) images load from a public URL. Microsoft states Outlook “is configured by default to block automatic picture downloads from the Internet,” and the reader must select Download Pictures in the message InfoBar. A hosted logo may therefore be missing on first open.
- Embedded images travel inside the message. Microsoft’s page covers only linked pictures and external content, so it does not say whether embedded signature images are blocked. Test it.
- Gmail Workspace signatures need a public link: Google’s admin help says that when users add an image from Drive, “they need to share the image publicly for it to appear in their signature.”
How to Test a Signature Before You Roll It Out
Send the same message to yourself in every client your recipients likely use, with dark mode on. Run this checklist:
- Open it in Outlook for Windows, Outlook on the web, and an Outlook mobile app with dark mode enabled.
- Open it in Gmail on the web, and in the Gmail iOS and Android apps with a dark system theme.
- Open it in Apple Mail on macOS and iOS in dark appearance.
- In Outlook, also try Turn on the lights, to confirm the light version still looks right.
- Check the logo, icons, link colors and divider lines on each screen, then repeat with dark mode off.
- Block images and confirm the signature still reads without the logo.
For preview tools that render dark mode across clients, see the testing section of dark mode for HTML emails. Because some recipients read messages as text, a plain-text signature fallback is also worth checking; plain text vs HTML email covers when that matters.
Do Signature Generators Handle Dark Mode?
Some do, partly. Opensense documents a Dark Mode Preview in its editor that approximates how clients adjust colors, and Exclaimer states that a centralized tool “applies consistent formatting across clients.” Both are vendor claims, and the clients still make the final call, so a preview is not a substitute for the test above.
Frequently Asked Questions
Why does my email signature logo disappear in dark mode?
The logo is most likely dark artwork on a transparent PNG. When the client darkens the message background, there is nothing light behind the logo, so it blends in. Add a thin light outline, place the logo on a solid plate, or use a mid-tone color that reads on both backgrounds.
How do I make my email signature work in dark mode?
Use one logo file that reads on light and dark backgrounds, choose mid-tone text and link colors, avoid colored bands behind text, and host or embed the image reliably. Then test in Outlook, Gmail and Apple Mail with dark mode on.
Does Outlook change signature colors in dark mode?
It can. Per Litmus, Outlook for Windows (Microsoft 365, 2021) fully inverts colors, while Outlook for Mac, Outlook.com and the mobile apps partially invert, darkening lighter backgrounds. Microsoft does not document signature-specific behavior.
Should my signature logo be a PNG or JPG?
Use PNG. JPG cannot hold transparency, so a JPG logo with a white background shows as a white box on a dark page. Can I email lists PNG as supported by every client it tracks. If you want a white plate, bake it into the PNG on purpose.
Can I stop Outlook from inverting my signature?
Not from the sender’s side with a standard signature. Microsoft’s controls belong to the reader: Turn on the lights, Toggle light background, and in classic Outlook, “Never change the message background color.” The Microsoft Q&A thread on this problem reports no way to serve separate light and dark images.
Do SVG logos work in email signatures?
Not reliably. Can I email lists linked SVG as supported in Outlook and Apple Mail, but notes Gmail renders it rasterized as a PNG. A PNG avoids the variation.
I’ve spent my career building software at scale with a soft spot for email: deliverability, lifecycle campaigns, and getting messages to actually land. I started Coldletter to fix what bugged me about transactional and marketing email tools. I’m based in Vancouver.