WhatsApp Web: Dark Mode ist mit einem Trick bereits benutzbar
von André Westphal | 13 Kommentare
Die App für WhatsApp kann bereits mit einem Dark Mode aufwarten. Leider gilt das offiziell noch nicht für WhatsApp Web. Allerdings könnt ihr mit einem kleinen Kniff auch dort schon ein dunkles Theme verwenden. Allerdings hat das Ganze einen Haken, denn die Anpassung greift immer nur temporär.
Habt ihr WhatsApp Web geöffnet, so solltet ihr im Tab einfach via Rechtsklick „Untersuchen“ auswählen. Dann erscheint rechts der Code der Seite und eine Konsole zum Bearbeiten. Dort findet ihr ziemlich weit oben nun den String:
body class = „web“
Ihr bearbeitet diesen Eintrag nun per Rechtsklick und tragt stattdessen Folgendes ein:
body class = „web dark“
Schwupps, schon wird in den Dark Mode gewechselt. Hat aber einen Haken: Sobald ihr den Tab schließt oder aktualisiert, wird automatisch wieder in das Light Theme geschaltet. Vielleicht will der ein oder andere aber ja dennoch schon einmal den dunklen Modus für WhatsApp Web verwenden.
Wird geladen ...
Wie wäre es mit einem Dark Mode für den Blog hier?
Nennt sich Dark Reader und gibts als Addon für den Browser
Danke. Probiere ich mal aus.
richtig, nutze ihn seit einem Jahr und er ist einfach super!
vermisse ich auch, möchte auch kein addon verwenden…
Es gibt mittlerweile ein flag für Chromium-basierte Browser. Einfach in der URL-Leiste
chrome://flags/
eingeben, nach „Force Dark Mode for Web Contents“ suchen, aktivieren und Browser neu starten. Das funktioniert überraschend gut (besser als alle Plugins, die ich bisher getestet habe).
Unabhängig davon, fände ich aber trotzdem nen Darkmode für den Blog hier gut
danke 🙂
Schau mal hier vorbei: https://engler.dev/userstyles/
Da ist ein echt guter Darkmode für den Blog hier verlinkt.
Hab das mal umgeschrieben. Jetzt kann man diesen Code hier in die URL Zeile des WhatsApp Tabs kopieren und Enter drücken:
https://pastebin.com/raw/KkAN8cd0
… kann man auch ein bookmarklet draus machen, also als bookmark speichern, wenn man es öfter nutzen möchte.
Perfekt, danke!
Ich setze das „javascript:document.body.classList.add(„dark“);“ in die Urlzeile des WA-Tab und drücke Enter, aber es wird WAW nur neu geladen und ist weiterhin hell.
Hmm. Eigenartig. Ist das Chrome oder Firefox?
Wenn du auf der Lesezeichenleiste ein neues Lesezeichen erstellst und dort diesen Code in den Adressbereich schreibst, dann auf das WhatsApp Tab gehst und dann auf das Lesezeichen drückst. ..dann auch?
Bei mir klappts, deshalb ist das jetzt ein bisschen schwierig zu debuggen 😀
Für Firefox einfach Erweiterung: Whatsapp Dark (Tema Escuro) benutzen