Email Signature Dark Mode: Why Logos and Text Disappear, and How to Fix Them in Gmail, Outlook and Apple Mail

Email signatures break in dark mode because the reader's email app repaints the message: some apps leave it alone, some darken light backgrounds and lighten dark text, and some invert almost every color. Images are not changed, so a dark logo on a transparent background ends up dark on dark and disappears. The fix is to make each part of the signature readable on both a white and a dark background: give the logo a light backing, avoid pure black text, and test in at least one "full invert" app.

Why your signature changes in dark mode

Dark mode is decided by the person reading your email, not by you. Their app (Gmail on an iPhone, Outlook on a Windows laptop) takes your message and applies its own dark theme to it. Your signature goes along for the ride.

Email testing company Litmus sorts what apps do into three groups:

• No change. The app's menus and lists go dark, but the email itself is shown as you sent it.
• Partial invert. The app finds light backgrounds and makes them dark, and turns dark text light.
• Full invert. The app does the same to light areas but also changes dark backgrounds, so almost every color in the email can shift.

What none of them do is edit your images. Campaign Monitor's developer guide puts it plainly: dark mode "currently doesn't edit images in any way." That one fact explains most broken signatures: the text and backgrounds around your logo change, the logo doesn't.

How each email app treats dark mode

Here is what public tests report, checked on 2026-10-06. The tests were run on marketing emails, which set their own colors; how an app treats an everyday email with a signature is not documented by Google, Microsoft or Apple. Use the table as the best available guide, then test.

Sources: Litmus dark mode guide (dated February 27, 2025, tested on iOS 16), Campaign Monitor developer guide (undated), both fetched 2026-10-06.

Two more things matter. Readers can switch dark mode off per message: Outlook has a sun button at the top of each message, and Apple Mail on a Mac only darkens messages if "Use dark backgrounds for messages" is ticked under Mail > Settings > Viewing (Microsoft and Apple Support). And behavior changes with app updates; the newest public test we found dates from early 2025.

The safe assumption: in most apps, your signature will sit on a dark background, your text colors may change, and your images will stay exactly as they are.

The five things that break

1. Transparent PNG logos that vanish

This is the classic one, and the top complaint behind searches like "logo disappears in dark mode". A logo saved as a transparent PNG has no background of its own. On white it looks perfect. When the app turns the background dark gray, a navy or black wordmark sits on almost the same shade and disappears. The app won't lighten the logo, because it doesn't touch images.

A penguin looks sharp in light mode and dark mode. Most logos aren't so lucky.

2. Black text on a transparent background

Text breaks in two ways.

• Text as an image. If your name or tagline is part of a picture (common with signatures designed in an image editor), it behaves like a logo: black letters on a transparent background vanish on dark gray.
• Real text with a hard-coded color. Partial and full invert apps usually turn dark text light. But some apps darken the background and keep the color you set. Thunderbird users report exactly this: signature text set to black stays black on a dark background (a Reddit thread about it is the top US Google result for "email signature dark mode" as of October 2026).

3. Social icons

Icons are images too, so they follow the logo rule. A dark glyph with nothing behind it (a black LinkedIn "in", a navy X) fades into a dark background. Icons that sit on their own colored circle or square keep their shape, because the shape is part of the image. So use filled icons in a mid-tone color, or bare glyphs in a mid-tone brand color, never black. More on icon choices in our guide to social media icons for your email signature.

4. Brand colors that invert, or don't

Your name in brand navy can come out light blue in one app and stay navy on near-black in another. A light brand color used as a background (a yellow strip, say) can be darkened in Outlook.com, Outlook for Mac and the Outlook phone apps, and Litmus notes that the Outlook phone apps may also darken light text on a dark background. Full invert apps change dark areas as well, so a dark banner or a dark table cell in your signature can be repainted too. You can't stop this, but you can choose colors that survive the change (see the fixes).

5. White boxes that only some apps keep

If your logo sits in a white table cell (a background set in the HTML, not in the image), partial invert apps may darken that cell. The logo is then back on a dark background, and the white box you added "for dark mode" doesn't help in exactly the apps where you needed it.

How to fix your signature for dark mode

Give the logo a white or padded background

The most reliable fix is to put a light background inside the logo file itself: a white (or very light) rectangle or rounded badge, with some padding around the logo. Because apps don't edit images, that background survives every dark mode, and the logo reads as a deliberate badge on a dark screen.

Litmus suggests an alternative for transparent PNGs: a thin, translucent light outline around dark lettering, so the edges stay visible on dark backgrounds. It looks subtler than a white box but takes a bit of image editing.

Use a light-on-dark logo version, on its own color

If your brand has a reversed logo (white on a brand color), you can use that instead. Keep the brand color as part of the image. A white logo on a transparent background just moves the problem to light mode, where it vanishes on white. You can only send one logo file in a signature, so it has to work on both backgrounds.

Avoid pure black and pure white text

Litmus advises skipping pure white on pure black, and Campaign Monitor notes that pure black and pure white text gets swapped in nearly every client. For signature text, a dark-to-mid gray is the practical choice. Here is why, measured with the standard WCAG contrast formula against white and against #1e1e1e, an example dark-mode gray (apps don't publish their exact shade):

No single color is great on both backgrounds: mathematically, the best any fixed color can reach against both white and #1e1e1e is about 4.1:1. So aim for "clearly readable on white, still visible on dark". A gray between #555555 and #666666 for contact details does that, which matches the color advice in our professional email signature guide. For your name and links, pick a mid-tone brand color rather than the darkest or lightest shade in your palette. Larger, bolder text also helps on dark backgrounds; our font guide covers sizes and safe fonts.

A 10-minute dark mode test

Previews help, but each app paints dark mode differently, so send yourself a real email.

1. Send a test email with your signature to a Gmail address and an Outlook address you can open on your phone and computer.
2. Gmail on iPhone (full invert, the toughest test). Turn on Dark Mode in the iPhone's settings (Settings > Display & Brightness > Dark), then open the Gmail app. Google documents that Gmail on iPhone follows the device setting.
3. Gmail on Android (partial invert). In the Gmail app, tap Menu > Settings > General settings > Theme > Dark.
4. Outlook for Windows (full invert in classic). In classic Outlook, go to File > Office Account > Office Theme > Black. In new Outlook, go to Settings > General > Appearance > Dark. Open the test email and use the sun and moon buttons at the top of the message to flip between light and dark. Watching your signature switch back and forth in the same message is the fastest comparison there is.
5. Apple Mail on a Mac. Set the Mac's appearance to Dark, then tick Mail > Settings > Viewing > Use dark backgrounds for messages.
6. Check four things in each: Can you see the whole logo? Is every line of text readable? Are the icons visible? Did your brand color turn into something you'd be embarrassed by?

If something fails, fix it in the image (logo or icons) first, then the text colors. If images don't show at all in Outlook, that's a different problem: see Outlook signature not showing.

Why dark mode CSS mostly doesn't help in signatures

Web designers know the CSS answer to dark mode: @media (prefers-color-scheme: dark) lets you define different colors, or even swap the logo, when the reader uses dark mode. Marketing emails use it. In a signature, it mostly can't work, for three reasons:

1. It needs a <style> block, and Gmail ignores those in the body. Media queries can't be written inline; they live in a <style> element. caniemail lists Gmail's <style> support as partial: "Not supported inside the <body>." A signature is always inside the body. (caniemail, <style> element, last tested 2023-07-27.)
2. The biggest apps don't support the query anyway. caniemail's data shows prefers-color-scheme unsupported in Gmail on every platform and in Outlook for Windows. Apple Mail supports it, and caniemail lists Outlook for Mac, Outlook.com and the Outlook mobile apps as supported, though Litmus's own test lists Outlook.com and the Outlook apps as not supported. (caniemail, last tested 2023-03-08.)
3. The opt-out lives in the email's head. The color-scheme meta tag that tells apps "show this email in light mode only" goes in the <head>, which belongs to the whole email, not to your signature. In caniemail's September 2026 retest, the Gmail apps respect only the "light only" value and Outlook ignores it everywhere.

Whether a pasted <style> block even survives each app's signature editor isn't documented, and for Gmail it wouldn't matter. That's why email-safe signatures use inline styles, and why the image-based fixes above work in more places than any code trick.

Build a signature that survives dark mode

Signguin is a free email signature generator. Type your work email and it loads your company logo, brand colors and contact details from your website. The live preview has a light/dark toggle, so you can see the signature on a dark background before you install it, plus a phone/desktop toggle. If your logo disappears, switch on the free White box behind logo option, which puts the logo on a small white tile. The tile is part of the hosted logo image itself, not a background color, so apps that darken light backgrounds can't turn it dark. Logos are hosted by Signguin and stored at 2x for retina screens, and social icons are PNG files generated in your brand color, with Round, Square or Simple styles. When you're happy, install it straight into Gmail or copy it into Outlook, Apple Mail and others. The free plan needs no sign-up.

Then run the 10-minute test above in at least one full invert app. For logo and icon sizes that hold up on every screen, see our email signature size guide.

FAQ

Why does my logo disappear in dark mode?

Your logo is probably a transparent PNG with dark lettering. Dark mode turns the email background dark gray, but email apps don't change images, so the dark logo ends up on a dark background. Give the logo a white or light background inside the image file, or add a thin light outline around the lettering, and it stays visible in both modes.

Why is my signature text black in dark mode?

The text color is set to black in the signature's code, and the app reading it darkened the background without changing that color. Thunderbird users have reported exactly this. Use a dark-to-mid gray (around #555555 to #666666) instead of pure black, so the text stays visible on dark backgrounds, or leave the text color at the app's default.

Why is the email body white in Outlook dark mode?

Outlook lets you keep messages white while the rest of the app is dark. In classic Outlook, check File > Options > General: if "Never change the message background color" is ticked, messages stay white. In new Outlook, the View > Light Reading Pane option does the same, and the sun button at the top of a message switches that one message to white.

How do I get Outlook out of dark mode?

In new Outlook for Windows and Outlook on the web, go to Settings > General > Appearance and choose Light or Use system settings. In classic Outlook, go to File > Office Account and pick an Office Theme other than Black. To change only how messages look, use the sun and moon buttons at the top of a message.

Can my signature show a different logo in dark mode?

Not reliably. Swapping images needs dark-mode CSS in a <style> block. Gmail ignores <style> in the email body and doesn't support the prefers-color-scheme query on any platform, and Outlook for Windows doesn't support the query either (caniemail). Use one logo file that works on both backgrounds instead, for example a logo on a white badge.

Does my dark mode change what recipients see?

No. Dark mode is applied by the app that displays the email. If you write in dark mode, the recipient sees your email according to their own app and settings, which may be light or dark. That's why testing on your own screen only tells you half the story.