Since WhatsApp introduced the web version (more like, a companion) to its chat platform, it has been a necessity to our daily life. It’s make it so easy to use WhatsApp right from your PC/Laptop. People use it for traditional reasons, like chatting, viewing statuses, etc., but also for really clever reasons too, like sharing files between your PC/Laptop and your mobile, and so on. So, the bottom line is WhatsApp Web has become a necessity and if you are a fan of dark mode (like me), well now you can enable the WhatsApp Web dark mode with ease. Let me show you how.
Now that we have that settled, lets begin.
Enabling the dark mode
- Go to WhatsApp Web
- Right click on an empty space (outside the chat box) and choose “Inspect”/”Inspect Element” (or something similar, depending on the browser).
You can also use the shortcut
- In the Inspector window, change the
classattribute of the body tag from
And that’s it. The dark mode should be enabled by now.
- Open your browser console. Shortcut is
The problem with this is that if you reload your page, the styling is gone. So you would need to re-apply the styling every time you visit WhatsApp Web. That’s not good at all.
- Install this entension. I am using this one for no specific reason, you can use anything similar, if you want or create your own (that would be crazy, but hey, life is crazy)
This is the same code we used earlier.
For Firefox, you can use a similar kind of extension (known as addons).
So that’s it (this is the third time I am saying this). We are all done.
It is pretty evident that WhatsApp Web already has all the styling available for the dark mode. So it is only a matter of time, for WhatsApp to provide a proper way of enabling it via settings. Until then, we can use this workaround.