Enable dark mode in WhatsApp Desktop version of MacOS
WhatsApp is set to receive the much-awaited dark mode on desktop platforms. According to a recent report by WABetaInfo, WhatsApp Web and WhatsApp for PC/Mac are currently being tested with a dark theme that paints the main screen and side panel in varying shades of dark grey. In recent builds the code for dark mode is available but there's no official option to enable it. So here's how can you enable it yourself.
Enable dark mode in WhatsApp Desktop version of MacOS (Although it must be similar in windows client too)
Enable dark mode in WhatsApp Desktop version of MacOS (Although it must be similar in windows client too)
Prerequisites
What things you need to install before starting up
WhatsApp Desktop Application
Homebrew
Nodejs
asar node module
Installing section is just to install prerequisites if you already don't have them. Otherwise skip to Applying Dark Mode
Installing
Follow these Steps:
- You need to install Whatsapp Desktop on your Mac(Download from OFFICIAL WEBSITE is suggested rather than app store version).
- Open Terminal and Install Homebrew
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
This will install Homebrew on your Mac. To check the version type the following command.
$ brew -v
- Install Nodejs using Homebrew
$ brew install node
If everything installed successfully then you can type in the following command in the terminal to check the Node and NPM version.
$ node -v
$ npm -v
- Install asar node module globally
$ npm install -g asar
Applying Dark Mode
- Go into the app’s directory
$ cd /Applications/WhatsApp.app/Contents/Resources
- Create a directory for our working
$ mkdir temp-darkmode
- Unpack the app.asar file in the above directory using asar
$ asar extract app.asar temp-darkmode
- Open directory temp-darkmode and insert the code
cd temp-darkmode
open index.html and edit
nano index.html
find body
<body class="native darwin">
replace it with code below
<body class="native darwin dark">
save the file, hit ctrl+x type y and enter
5. Pack the app.asar file Go into the app’s directory
5. Pack the app.asar file Go into the app’s directory
$ cd /Applications/WhatsApp.app/Contents/Resources
-
to pack type
sudo asar pack temp-darkmode app.asar
- You are done
Via: Github
Very good article! Your post is really helpful for me thanks for wonderful post.I am very happy to read your post
ReplyDeleteaol mail login|
cash app login|
netgearrouterlogin|
cashappsignup|
ATT Login
amazoncommycode|
paypalloginmyacount|
cashapplogin|
linksysrouterlogin|