E-Mail-Signatur im Dark Mode
Von Andri Werren · Aktualisiert 13. September 2026
Im Dark Mode sieht deine E-Mail-Signatur beim Empfänger oft anders aus als auf deinem Bildschirm. Das liegt selten an der Signatur, sondern am Mailprogramm: Viele Programme kehren die Farben einer Nachricht um – manche alle, manche nur einen Teil. Text übersteht das fast immer. Kritisch sind Bilder, denn Logo und Icons bleiben, wie sie sind, und dunkle Motive verschwinden auf dunklem Grund. Hier steht, welches Programm was macht und wie deine Signatur in beiden Modi lesbar bleibt.
Was macht der Dark Mode mit einer Signatur?
Der Dark Mode ändert nicht die Signatur, sondern ihre Darstellung beim Empfänger. Jedes Mailprogramm geht dabei anders vor: Manche lassen Nachrichten hell, manche kehren nur helle Flächen und dunkle Schrift um, manche kehren alle Farben um. Deine Signatur trifft beim selben Versand also auf drei verschiedene Behandlungen – und muss in allen lesbar bleiben.
Die Einteilung stammt aus dem Dark-Mode-Leitfaden von Litmus, Stand Februar 2025:
- Keine Farbänderung: Apple Mail auf dem Mac und Gmail im Browser. Die Nachricht bleibt hell, die Signatur sieht aus wie gebaut.
- Teilweise Umkehr: Outlook.com, die Outlook-App auf iPhone und Android, die Gmail-App auf Android und Outlook für Mac aus Microsoft 365. Helle Flächen werden dunkel, dunkle Schrift wird hell, dunkle Flächen bleiben stehen.
- Vollständige Umkehr: Outlook für Windows in den Versionen 2021 und Microsoft 365, Windows Mail und die Gmail-App auf dem iPhone. Hier werden auch dunkle Flächen umgekehrt.
Für den Text deiner Signatur ist das unkritisch – heikel wird es bei allem, was kein Text ist.
Warum verschwinden Logo und Icons auf dunklem Grund?
Weil Bilder beim Umkehren nicht umgefärbt werden. Ein dunkles Logo mit transparentem Hintergrund liegt im Dark Mode plötzlich auf dunklem Grund und ist kaum noch zu sehen. Dasselbe gilt für Icons: In einer E-Mail-Signatur sind sie kleine Bilddateien in der Markenfarbe. Ist diese Farbe sehr dunkel, verschwinden Telefon- und Mail-Symbol gleich mit.
Hell
Dark Mode, nachgestellt
Die Zahl dahinter: #1a1a2e erreicht gegen ein dunkles Grau wie #1f1f1f einen Kontrast von 1,0 zu 1 – praktisch die Farbe gegen sich selbst. Für Grafiken verlangen die Richtlinien zur Barrierefreiheit (WCAG) mindestens 3 zu 1.
Welche Markenfarbe funktioniert in beiden Modi?
Eine mittlere Farbe, weder sehr dunkel noch sehr hell. Sie sollte gegen Weiss und gegen ein dunkles Grau jeweils mindestens einen Kontrast von 3 zu 1 erreichen – dann bleiben Icons in dieser Farbe in beiden Modi sichtbar. Ein kräftiges Blau wie #2f6dde schafft 4,8 zu 1 auf Weiss und 3,4 zu 1 auf Dunkelgrau. Sehr dunkle und sehr helle Töne fallen jeweils auf einer Seite durch.
Hell
Dark Mode, nachgestellt
- In beiden Modi über 3 zu 1: Blau #2f6dde, Rot #dc2626, Orange #ea580c und Grün #16a34a. Petrol #0f766e liegt auf Dunkelgrau mit 3,0 zu 1 genau an der Grenze.
- Nur im hellen Modus: Navy #1e3a8a und Anthrazit #374151 erreichen auf Dunkelgrau nur 1,6 zu 1. Violett #7c3aed verfehlt die Grenze mit 2,9 zu 1 knapp.
- Nur im dunklen Modus: Gelb #f59e0b und Hellgrau #9ca3af wirken auf Dunkelgrau stark, auf Weiss aber blass – mit 2,1 und 2,5 zu 1.
Messen lohnt sich mehr als Schätzen. Worauf es bei Farbe und Schrift sonst ankommt, steht unter Farbwahl und Aufbau der Signatur.
Wie bleibt das Logo in beiden Modi sichtbar?
Mit einem feinen hellen Rand um dunkle Schrift und Linien. Auf weissem Grund fällt er kaum auf, auf dunklem hält er die Marke lesbar – eine einzige Datei für beide Modi. Die Alternativen haben jeweils einen Haken: Ein weisser Kasten um das Logo bleibt sichtbar, fällt im Dark Mode aber als helle Fläche auf. Eine helle Logovariante verschwindet dafür im hellen Modus.
Litmus empfiehlt genau diesen Rand oder einen hellen Schimmer hinter dunklen Elementen. Das Logo bleibt dabei ein PNG mit transparentem Hintergrund. Wie Format und Grösse sonst passen, steht unter Logo-Datei für helle und dunkle Postfächer.
Eine Signatur, die schon im Mailprogramm steht, übernimmt ein neues Logo nicht von selbst. Nach dem Austausch muss sie neu kopiert und eingefügt werden.
Kann eine Signatur den Dark Mode abschalten?
Nein. Eine Nachricht kann Mailprogrammen zwar mitteilen, dass sie nur hell dargestellt werden soll – aber diese Angabe steht im Kopf der Mail oder in einem Stilblock. Beides übernimmt eine Signatur nicht: Beim Einfügen bleibt nur ihr Inhalt, und den Rahmen der Mail baut das Programm des Absenders. Wirksam sind deshalb nur Farben und Bilder, die in beiden Modi funktionieren.
Der Empfänger dagegen kann umschalten. Outlook bietet über der Nachricht eine Schaltfläche, die den Hintergrund einer einzelnen Mail wieder hell stellt; im klassischen Outlook für Windows ist es das Sonnen-Symbol. Microsoft beschreibt das im Artikel zum dunklen Modus in Outlook. Verlassen kannst du dich darauf nicht – umschalten muss jeder Empfänger selbst.
Fehlen bei Empfängern auch ausserhalb des Dark Mode ganze Teile, liegt die Ursache woanders – mehr dazu unter wenn Teile der Signatur fehlen.
Du willst Farbe und Logo gleich in der Vorschau sehen? Mit der Outlook-Signatur mit eigener Markenfarbe beginnst du bei der Variante für das Programm, das die Farben am stärksten umkehrt.
Zur Outlook-VarianteE-Mail-Signatur für den Dark Mode vorbereiten
- 1
Markenfarbe prüfen
Miss den Kontrast deiner Markenfarbe gegen Weiss und gegen ein dunkles Grau wie #1f1f1f. Erreicht sie auf beiden mindestens 3 zu 1, bleiben Icons in dieser Farbe in beiden Modi sichtbar.
- 2
Logo vorbereiten
Leg dunkle Schrift und Linien im Logo mit einem feinen hellen Rand an. Auf Weiss fällt er kaum auf, auf dunklem Grund hält er die Marke lesbar.
- 3
Signatur neu erzeugen
Setz die geprüfte Farbe und das neue Logo im Generator ein. Die Icons entstehen dort als Bilder in dieser Farbe.
- 4
Mit Farbumkehr testen
Schick dir eine Testmail und öffne sie mit eingeschaltetem Dark Mode in Outlook für Windows oder in der Gmail-App auf dem iPhone. Beide kehren alle Farben um und zeigen verschwindende Bilder am deutlichsten.
Häufige Fragen
Weil das Mailprogramm des Empfängers die Farben umstellt, nicht deine Signatur. Outlook für Windows kehrt alle Farben um, die Outlook-App nur einen Teil, Apple Mail auf dem Mac lässt die Nachricht hell.
Eine mittlere Markenfarbe, die gegen Weiss und gegen Dunkelgrau jeweils mindestens einen Kontrast von 3 zu 1 erreicht, etwa ein kräftiges Blau oder Rot. Navy und Anthrazit verschwinden auf dunklem Grund, Gelb und Hellgrau wirken im hellen Modus blass.
Ja, aber dunkle Schrift und Linien brauchen dann einen feinen hellen Rand. Ohne Rand verschwindet eine dunkle Wortmarke im Dark Mode, ein weisser Kasten fällt dort dagegen als helle Fläche auf.
Nicht zuverlässig. Die Angabe dafür steht im Kopf einer Mail oder in einem Stilblock, und beides geht beim Einfügen einer Signatur verloren. Wirksam sind nur Farben und Bilder, die in beiden Modi funktionieren.
Fast nie. Programme, die den Hintergrund abdunkeln, machen dunkle Schrift gleichzeitig hell. Probleme machen Bilder: Logo und Icons werden nicht umgefärbt und können auf dunklem Grund verschwinden.
In Outlook ja: Eine Schaltfläche über der Nachricht stellt ihren Hintergrund wieder hell. Umschalten muss aber jeder Empfänger selbst, deshalb ersetzt das keine Signatur, die in beiden Modi funktioniert.
Wenn es danach immer noch bricht
Dann liegt es fast immer am HTML selbst. Der Generator erzeugt reine Tabellen mit Inline-Styles – das Einzige, was Outlook zuverlässig darstellt.
Ohne Registrierung · Aufbauen und Vorschau sind gratis