How to Enable Dark Mode Whatsapp Web with CSS and Extension

Dark Mode on Whatsapp Web has not been officially released. With a little CSS trick, we can change the WhatsApp Web theme to dark. Just add CSS Class using the inspect feature in the web browser.

Add CSS through Google Chrome Inspect

  1. Run Google Chrome
  2. Access Whatsapp Web page.
  3. Open WhatsApp on your phone. Tap Menu (three dots in right-up corner) or Settings and select WhatsApp Web
  4. Point your phone to the Whatsapp Web screen to capture the QR Code.
  5. After successfully reflecting and Whatapp Web ready to use. Right-click the mouse on the outside of the Whatsapp Web chatbox and click Inspect or press Ctrl+Shift+I.
  6. In the Elements tab, you can see the source code. Search for the HTML code then double click. Change to and press Enter.
  7. The Whatsapp screen will turn dark and not permanent. If you reload the page, the background will turn light. All you have to do is repeat the trick above if you want to change the Whatsapp Web theme to Dark Mode.

Add CSS through Mozilla Firefox Inspect

  1. Run Google Chrome
  2. Access Whatsapp Web page.
  3. Open WhatsApp on your phone. Tap Menu (three dots in right-up corner) or Settings and select WhatsApp Web
  4. Point your phone to the Whatsapp Web screen to capture the QR Code.
  5. After successfully reflecting and Whatapp Web ready to use. Right-click the mouse on the outside of the Whatsapp Web chatbox and click Inspect Element or press Ctrl+Shift+I.
  6. In the Inspector tab, you can see the source code. Search for the HTML code then double click. Change to and press Enter.
  7. The Whatsapp screen will turn dark and not permanent. If you reload the page, the background will turn light. All you have to do is repeat the trick above if you want to change the Whatsapp Web theme to Dark Mode.

Google Chrome Whatsapp Web Extension

https://chrome.google.com/webstore/detail/lunate-dark-mode/ojcikgbfamokjobgpbhimdkocindpjcc?hl=en

https://chrome.google.com/webstore/detail/whatsapp-web-dark-mode/mjnpmbkeafdainabfaiejcgjoalgmlhl

Source: WABETAINFO