If you are a WhatsApp user, you may well have been waiting for dark mode for WhatsApp to arrive in the iOS and Android apps. We know work is underway, but the option is yet to appear in publicly released builds. But what about the web-based version of WhatsApp?
Dark mode options have been gradually spreading to numerous apps in recent months, but the focus has very much been on mobile apps – primarily because of the battery-saving potential of darker hues. Some desktop web browsers have started to introduce the option to convert any website to dark mode, but it can be a bit of a hit and miss affair.
- WhatsApp is getting not one, but two dark modes
- Microsoft Edge can force dark mode on any website – here's how
- How to enable dark mode for Google Chrome
In fact, you may have tried the browser-based means of forcing dark mode in WhatsApp online, and been unhappy with the results. Here, as discovered by WABetaInfo (opens in new tab), is a way to activate dark mode in with Chrome or Firefox using a free browser extension called Stylus.
The extension can be used to apply a theme to any website using custom CSS (cascading style sheets), and this is exactly how we will force WhatsApp's web app to use dark mode. We'll focus on Google Chrome, but the method is near-identical for Firefox users.
Turn up the darkness
In Chrome, you can grab the Stylus extension from the Chrome Web Store – visit the site here and click the 'Add to Chrome' button followed by 'Add extension'. (If you're using Firefox, you can download the Stylus extension for your browser (opens in new tab).)
With Stylus installed, you can download a special dark theme for WhatsApp (opens in new tab). Click the link followed by 'Install Style' and then 'OK'.
That's all there is to it. When you next visit the web version of WhatsApp (opens in new tab), you will find that a dark theme has been applied.