Naijablaze.

How To Enable Dark Mode on WhatsApp Web on Chrome and Firefox

You can enable dark mode on WhatsApp Web via two methods.
The first one requires Inspect Element option on your browser.
The second method requires the Stylus addon for Chrome or Firefox.

WhatsApp Web is one of the most-used features of the world’s most popular messaging app. WhatsApp Web allows you to use WhatsApp on your laptop, PC, and even on your iPad.

If you’ve enabled dark mode on WhatsApp for iPhone or Android, you may be wondering how to enable WhatsApp Web dark mode. The good news is that there are easy ways to enable dark mode on WhatsApp Web. Now WhatsApp Web dark mode is easier on the eye, and definitely much more pleasant to use.

There are two ways to enable WhatsApp Web dark mode and we’re going to show you both of them right here.

How to Enable WhatsApp Web Dark Mode using Inspect Element option on your browser.
  • Go to WhatsApp Web on your computer and log in via the QR code. To do this, open WhatsApp on your Android phone > tap the three-dots icon on the top-right > Settings > WhatsApp Web. On iPhone, open WhatsApp > Settings > WhatsApp Web. Now scan the code on your computer’s screen and log in.
  • Right-click the WhatsApp Web page and click Inspect Element. Now search for body class=”web”. On some browsers such as Safari for Mac, you might have to search for body class=”web text-rendering-bug-fix”.
  • Right-click this line > click Edit.
  • Now change it to body class=”web dark” or body class=”web dark text-rendering-bug-fix”.
  • Hit Enter on the keyboard or just click anywhere else on the page to apply changes.

How to Enable WhatsApp Web Dark Mode by installing an extension on your browser.

In case you find this too hard, just install the Stylus addon on Firefox or Google Chrome.

Now install the Dark WhatsApp style from this website. You can also install this style via Github (just scroll down to the Installation section).

That’s it.

Now open WhatsApp Web and explore dark mode.