Dark Mode on WhatsApp Web is not a new phenomenon to us– in September last year, we have published an article about the development of the Dark Theme on WhatsApp Web. It should be noted that the feature is still under development, but today we’re ready to provide a simple hack on how to enable it before the official release!
EDITOR’S NOTE 1: The new Dark Theme feature is not available yet. WhatsApp is working on the feature in the recent few updates, in order to ensure the best bug-free experience for you. The Dark Theme is currently under development, so it’s not available yet in your WhatsApp Web and Desktop update. Since that the feature is not available, the Dark Theme won’t appear after opening WhatsApp Web, but you can follow this guide to enable the theme today.
In our previous article, the way to enable dark mode on WhatsApp web was a bit complex We have recently shown their recent results for the development, and we have noticed that the Dark mode is ready, but unfortunately WhatsApp isn’t releasing it yet.
If you are tired of waiting for the WhatsApp to activate it, just follow this guide to enable the dark theme! You must be comfortable playing around with your code. Our changes were based on the Firefox browser but you can use the same steps even if you are using Chrome or any browser is good for the activation. It’s really easy to apply, even if you have not good computer skills!
Step 1: Open WhatsApp Web from the official page. Log in using the QR Code if you didn’t do it yet. When WhatsApp Web is ready to be used, we can start to apply the trick: right mouse click outside the chat and tap “Inspect”
Step 2: The browser shows now the console and the code of the page. Now you have to scroll at the top of the code to find the string ‘body class=”web”‘:
Step 3: With your mouse hovered over the ‘body class= web’, right-click and select Edit As HTML.
Step 4: “web” is the class of the original theme, the one you are currently using. Let’s replace it with “web dark”!
Step 5: When you have replaced the string, confirm tapping ENTER (on Chrome) or click anywhere on the side on other browsers: WhatsApp Web will use now the dark theme!
EDITOR’ NOTE 2: The downside to this method is that you need to repeat the procedure every time you refresh the page, or when you open WhatsApp Web from a different location (for example from a new browser or from a different browser card).
The feature is originally not available, but using this trick you can already use the theme
