How to use the dark theme in WhatsApp Web with Chrome

The dark theme will arrive for WhatsApp, we just don't know when it will happen. Who uses WhatsApp Web, however, can count on some tricks to receive this feature in your browser. You will need the Chrome browser for this.

How to use the dark theme on WhatsApp Web

There are two options that enable the dark theme for WhatsApp Web. The first one is a Chrome command, which you will find by accessing its advanced settings. In addition to changing the color of WhatsApp, this option brings dark Mode to all the sites you access.

First, leave WhatsApp open in Chrome. Then, open a new tab in the browser, paste the address chrome: // flags / # enable-force-dark and click "enter". The option you will use appears at the top of the list in yellow "Force Dark Mode for Web Contents", open the dialog box and select "Enabled with selective inversion of non-image elements ''. This option causes only texts and backgrounds to be inverted, except images.

Restart Chrome to apply the changes. Your WhatsApp Web looks like this:

whatsappforcedarktheme "sizes =" (max-width: 806px) calc (100vw - 24px), (max-width: 995px) 782px, (max-width: 1216px) calc ((2 * (100vw - 30px) / 3) + 15px - 24px), 782px "src =" https://fscl01.fonpit.de/userfiles/6675138/image/whatsappforcedarktheme-w782.png "srcset =" https://fscl01.fonpit.de/userfiles/6675138/image/ whatsappforcedarktheme-w782.png 782w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsappforcedarktheme-w596.png 596w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsappforcedarktheme-w4. png 450w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsappforcedarktheme-w336.png 336w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsappforcedarktheme-w300.png 300w "class = "lazyload" />
 
   AndroidPIT (screenshot)
  
</figure>
<div class='code-block code-block-3' style='margin: 8px auto; text-align: center; display: block; clear: both;'>

<style>
.ai-rotate {position: relative;}
.ai-rotate-hidden {visibility: hidden;}
.ai-rotate-hidden-2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ai-list-data, .ai-ip-data, .ai-filter-check, .ai-fallback, .ai-list-block, .ai-list-block-ip, .ai-list-block-filter {visibility: hidden; position: absolute; width: 50%; height: 1px; top: -1000px; z-index: -9999; margin: 0px!important;}
.ai-list-data, .ai-ip-data, .ai-filter-check, .ai-fallback {min-width: 1px;}
</style>
<div class='ai-rotate ai-unprocessed ai-timed-rotation ai-3-1' data-info='WyIzLTEiLDJd' style='position: relative;'>
<div class='ai-rotate-option' style='visibility: hidden;' data-index=

The second option is an extension, Dark Chrome Mode, which will take the dark theme only to WhatsApp Web. Download this plug-in through the Chrome Web Store. Install the extension and restart Chrome. You can configure it so that only the messenger website works with the dark theme, excluding the other sites.

whatsadarkfore "sizes =" (max-width: 806px) calc (100vw - 24px), (max-width: 995px) 782px, (max-width: 1216px) calc ((2 * (100vw - 30px) / 3) + 15px - 24px), 782px "src =" https://fscl01.fonpit.de/userfiles/6675138/image/whatsadarkfore-w782.png "srcset =" https://fscl01.fonpit.de/userfiles/6675138/image/ whatsadarkfore-w782.png 782w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsadarkfore-w596.png 596w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsadarkfore-w450. png 450w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsadarkfore-w336.png 336w, https://fscl01.fonpit.de/userfiles/6675138/image/whatsadarkfore-w300.png 300w "class = "lazyload" />
 
   AndroidPIT (screenshot)
  
</figure>
<p>Despite being a functional option, Dark Chrome Mode converts some images, such as the background of chat conversations. </p>
<p><strong>And, will you start using WhatsApp Web dark?</strong></p>
<div class='code-block code-block-4' style='margin: 8px auto; text-align: center; display: block; clear: both;'>

<style>
.ai-rotate {position: relative;}
.ai-rotate-hidden {visibility: hidden;}
.ai-rotate-hidden-2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ai-list-data, .ai-ip-data, .ai-filter-check, .ai-fallback, .ai-list-block, .ai-list-block-ip, .ai-list-block-filter {visibility: hidden; position: absolute; width: 50%; height: 1px; top: -1000px; z-index: -9999; margin: 0px!important;}
.ai-list-data, .ai-ip-data, .ai-filter-check, .ai-fallback {min-width: 1px;}
</style>
<div class='ai-rotate ai-unprocessed ai-timed-rotation ai-4-1' data-info='WyI0LTEiLDJd' style='position: relative;'>
<div class='ai-rotate-option' style='visibility: hidden;' data-index=

(tagsToTranslate) WhatsApp Web (t) WhatsApp Web dark (t) dark theme WhatsApp web