Sunday, July 21, 2024
HomeTips & TricksHow to Enable Dark Mode on WhatsApp Web

How to Enable Dark Mode on WhatsApp Web

Facebook-owned WhatsApp is the most used social messaging app in the world and it has become an integral part of our digital life. WhatsApp is easy to use, features packed and available for both Android and iOS devices. Apart from this, a plethora of new productivity enhancer features have also been added to the latest version of WhatsApp.

- Advertisement -

One of the most important features is the dark mode or theme to save our eyes from harmful UV rays by reducing eye strain at night or in dark environments. Dark mode is only available for Android and iOS and not for WhatsApp Web.

Related Article: Remove WhatsApp Video Sound: New Feature Explained

WhatsApp also allows users to chat with their friends and relatives through WhatsApp Web. You just need to open to mirror your mobile device’s chat to your personal computer. Through WhatsApp Web, you can send and receive messages and other media as well. But by default WhatsApp Web uses a light theme and there is no option provided to enable dark mode or theme right now.

- Advertisement -

So I’m going to show a method to enable dark mode on WhatsApp Web. However, WhatsApp has not officially released WhatsApp web dark mode.

These are walkthrough to enable dark mode on WhatsApp Web:

1. Open WhatsApp Web by using address in your web browser and scan the given QR code to link your device WhatsApp account.

2. After successfully scanning the QR code and linking your account to your pc, right-click on the empty space on the WhatsApp Web page and click on the “Inspect” or “Inspect Element“. Alternatively, you can do this through the “Ctrl + Shift + I”  keyboard shortcut.

Open Inspect Element - whatsapp web dark mode

3. After clicking on the “Element” or “Inspect Element“, the developer console will be opened in the panel on the right-hand side.

4. Now in the console panel, look for the following code in the “Elements” tab.

<body class="web">
body_class_web_code - whatsapp web dark

5. Now double-click on “web” and it’ll allow you to edit the value. Finally, give space after “web” from the spacebar and type “dark“. It will immediately turn your WhatsApp Web into dark mode or theme.

double clicking on web element - whatsapp web dark

PS: This method works temporarily for your current session only. If you re-open WhatsApp Web in your web browser; you have to follow these steps again to enable dark mode on WhatsApp Web.

This was all about how to enable dark mode or theme in WhatsApp Web version, still if you have any doubts you can drop your queries below in the comment box.

If you enjoyed this post, I’d be very grateful if you’d help to spread it to your friends and family members or share it on Facebook, Twitter, WhatsApp, LinkedIn and Instagram. 

To watch our tech videos, please subscribe to our YouTube Channel: Yashraj Solutions

Also Read:
How to Remove X Button from YouTube: Complete Guide
Gboard and SwiftKey Keyboards Bring Text Cursor Gestures

Mukesh Patidar
Mukesh Patidar
I am a professional tech writer and YouTuber. Tech writing and video creation is a passion for me. Basically, I enjoy exploring new technologies, tips, tricks and much more. Currently, I am focussing on it.


Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular