Enable Whats App Web Dark Mode Before Anyone: EASY 🔥💻

An easy method to access the Dark Mode in Whats App Web


The dark mode is one of the essential features in the application development and website development as per the current standards because of the multiple benefits of the dark mode as this feature helps to reduce the strain on the eyes of the users and save some amount of the battery life and it looks cool also. But the web client of the WhatsApp messenger application is still running on the light theme version although the stable version of the mobile application of Whats App already have the dark mode feature for all the What's App users.

For the users of the What's App Web, it is still a pain for using light theme version as almost everything on the internet turned darken, But don't worry you can enable OFFICIAL dar mode with very little efforts.


Steps to Enable Dark mode on WhatsApp Web.

  • Login Whats App Web using android and iOS device, it automatically opens up the with the light theme of the What's App web.
  • Right-click on the empty area.
  • Click on the Inspect or just use the shortcut to open inspect view (Ctrl+Shift+I).
  • Tap on the Element menu in the inspect view
  • Search for the starting of the body tag it looks like "<body class="web" data-gr......".
  • change the class name from "web" to "web dark" looks like the given image.

  • At last press enter....here, you go with the dark mode of the What's App web before anyone else.

The dark mode looks so cool in the What's App web and gives the refreshing feeling and more importantly, our eyes are happier than us.

Here is the sample image of the dark mode in Whats App using given simple tweaks.


You can take the benefits of the dark mode until the official dark mode arrives. And share this blog with your friends who love Dark Theme.

"Stay Safe & Stay Home"

Post a Comment

If you have any doubts and suggestion then feel free to comment.

Previous Post Next Post