OS: MacOS
Whatsapp version: 0.3.4479

I have installed whatsapp using brew, not the App Store. But I am getting the error WhatsApp process not found. Make sure WhatsApp desktop is running before installing dark mode even though whatsapp is running.
How can I debug this ?

The white borders

The following text is highlighted by mouse for copying, but I can barely see the highlight:

Whatsapp is incredibly unresponsive on macos latest version of whatsapp

The application would not respond at times when opening it from background, and interaction (ie clicking buttons typing) triggers it as well

https://imgur.com/a/oDVAEU4 1 is moderate while other is high

Hey!
So... with the latest version of your code and the latest version of whatsapp, the emails are no longer visible in the chat window. The language in the screenshots is Romanian but the issue should be culture invariant :D. The view is from both sides. Other than that, big thanks for what you're doing!

It was a gray and rainy day, everything seemed calm ...
Suddenly it went white again, without warning without closing and reopening.
I reapplied the MOD, but now the messages look like this:

I insisted, and ran again, but didn't fix it.

Please help me!

Backing up.. { Error: ENOENT: no such file or directory, stat 'C:\Users\M�lle\AppData\Local\WhatsApp\app-0.3.4679\resources\app.asar' at Object.fs.statSync (fs.js:948:11) at Object.statSync (C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\node_modules\graceful-fs\polyfills.js:308:16) at getStatsSync (C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\node_modules\fs-extra\lib\util\stat.js:60:18) at Object.checkPathsSync (C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\node_modules\fs-extra\lib\util\stat.js:90:33) at Object.copySync (C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\node_modules\fs-extra\lib\copy-sync\copy-sync.js:24:38) at applyDarkStyles (C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\run-win32.js:87:12) at C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\run-win32.js:54:29 at C:\Users\Mölle\Downloads\whatsapp-desktop-dark-master\whatsapp-desktop-dark-master\run-win32.js:233:17 at Interface._onLine (readline.js:278:5) at Interface._line (readline.js:629:8) errno: -4058, code: 'ENOENT', syscall: 'stat', path: 'C:\\Users\\M�lle\\AppData\\Local\\WhatsApp\\app-0.3.4679\\resources\\app.asar' }

My guess is it is because I have scandinavian letters in my windows user name "Mölle"?

The color still is the same

MacOS 10.14.6
Whatsapp Desktop 0.3.4479 - installed from whatsapp.com
Running from Applications Directory

trying to install the mod I get this error:
WhatsApp process not found. Make sure WhatsApp desktop is running before installing dark mode

The fix I found is to add one line of code to run-darwin.js which changes the psargs from the default value of lx to ax which will get other users' processes as well as your own. I'm gonna guess that that using lax will work fine as well but I did yet not test.

ps.lookup({
        command: execPath,
        psargs: 'ax'
    },

I am still not entirely sure why whatsapp is running under a different user

Hi,
First of all, great addon, saved my eyes!
About a year ago, WhatsApp decided to do unclear thing and changed the position of the 3 buttons (red, yellow, green) to the left, even when the system's & app's main language is an RTL language (like Hebrew).

Well, after sending their support a few bug reports and they told me it has been done on purpose (what I can’t believe is true, you may see the screenshot and think so yourself).
The fix should be very easy with CSS (I guess it's just some float: right;), so I'd really appreciate if you'll add it to the addon and make it the best thing WhatsApp could have (;

Image for illustration (Its more noticeable in light theme, but still blocking some functionality on both light and dark):

Thanks,
Ido.

The voice note bar for sent voice notes has a green-ish background. Probably not the same bar as the one used for received voice notes.

Sent VN:

Received VN for comparison:

I don't know what to do can you help me with that?

My keystrokes: #ff847c
On screen: ##884477cc

But the input was valid.

1. Click the context menu arrow in the upper-right corner of any message
2. Press the Up/Down arrow keys
3. Background is a sharp white instead of the nicer onmouseover gray

How can i fix that?

My Mac is on 10.14.5 Mojave, and WhatsApp is on version 0.3.4941

App updated itself (Version 0.3.4941), Windows 10, when I ran the script the green chat bubbles didnt change but everything else did. The text being white makes it almost impossible to use.

Thanks for making this app and hope this isnt too hard to fix!

Error: EACCES: permission denied, unlink '/Applications/WhatsApp.app/Contents/Resources/app.asar'
at Object.unlinkSync (fs.js:976:3)
at mayCopyFile (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:59:8)
at onFile (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:54:10)
at getStats (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:48:44)
at startCopy (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:38:10)
at handleFilterAndCopy (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:33:10)
at Object.copySync (/Volumes/misc/WADark-mac/node_modules/fs-extra/lib/copy-sync/copy-sync.js:26:10)
at /Volumes/misc/WADark-mac/run-darwin.js:100:28
at /Volumes/misc/WADark-mac/node_modules/asar/lib/asar.js:162:18
at writeFileListToStream (/Volumes/misc/WADark-mac/node_modules/asar/lib/disk.js:42:10) {
errno: -13,
syscall: 'unlink',
code: 'EACCES',
path: '/Applications/WhatsApp.app/Contents/Resources/app.asar'
}

After forwarding a message, open the info and look for forward counter. It's white with grey text.

Hello,

I have been waiting for this for a year now. I used a dark mode chrome extension and used whatsapp web in chrome. You made my life easier by sharing this awesome tool. Thank you soooo much for that. :)

I changed the title bar colour to dark but the ticks were invisible. Can you tell me a colour code that's good enough to show the ticks as well?

after new update of Whatsapp, applied again WADark, applied without problems.
After a few minutes, the update message appeared again ...
Is this normal or is it disabled?

When searching for emojis using ':' the whole ribbon that opens is white. Not sure if this is just due to the fact that the WEBP with emojis have white backgrounds.

"Read" used to be blue, but now they're both gray.

ERROR: specified service does not exist as installed service

I am installing with the site version of whatsapp as specified in the instructions, but got stuck at this step and does not proceed.

As the title suggests, it would be nice for the user (myself included) to pick a different color to be the accent one, instead of using the blue one you set this up.

Hi, I tried to build the app on Windows but there is a problem when I use npm install so the problem is:

C:\Users\Candyseul\Desktop\WADark-Windows\whatsapp-desktop-dark (master) ([email protected])
λ npm install

> [email protected] postinstall C:\Users\Candyseul\Desktop\WADark-Windows\whatsapp-desktop-dark\node_modules\resourcehacker
> node scripts/install.js

Downloading ResourceHacker by Angus Johnson...
_http_client.js:131
  var expectedProtocol = defaultAgent.protocol;
                                      ^

TypeError: Cannot read property 'protocol' of undefined
    at new ClientRequest (_http_client.js:131:39)
    at request (http.js:44:10)
    at Object.get (http.js:48:15)
    at Object.<anonymous> (C:\Users\Candyseul\Desktop\WADark-Windows\whatsapp-desktop-dark\node_modules\resourcehacker\scripts\install.js:23:20)
    at Module._compile (internal/modules/cjs/loader.js:776:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:643:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:839:10)
    at internal/main/run_main_module.js:17:11
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely

I know there's an issue similar to this one but in macOS ( #11 #25 #31 ), I already contacted the Dev of this module (resourcehacker) via E-Mail also I opened an issue on the repo too but unfortunately the repo did not get any updates from Feb 11, 2016, so I don't if the Developer will reply to my issue or E-Mail. If you know a way how to prevent this problem from happening please let me know.
N.B:
OS: Windows 10 1903
node: 12.10.0
npm: 6.10.3
yarn: 1.17.3

Could you include in the script to change the icon too?
This blue was good, but personally I put black ...

The emojis have a white background after applying the script. Do you know if there is a way to fix this?

[email protected] postinstall /Volumes/misc/whatsapp-desktop-dark/node_modules/resourcehacker
node scripts/install.js

Downloading ResourceHacker by Angus Johnson...
_http_client.js:107
var expectedProtocol = defaultAgent.protocol;
^

TypeError: Cannot read property 'protocol' of undefined
at new ClientRequest (_http_client.js:107:39)
at request (http.js:42:10)
at Object.get (http.js:46:13)
at Object. (/Volumes/misc/whatsapp-desktop-dark/node_modules/resourcehacker/scripts/install.js:23:20)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

While we need to change the looks of the desktop app we need to alter the accent but by default, it also alters the seen and send color, it would be great if you could add another color and set that to send and seen option in CSS.

Thanks Mahesh for releasing an update for 0.3.4678 ... Looks like FB pushed a new version out again today. Didn't want to update it and break the dark mode again until you have verified it is safe to proceed.

The font at the bottom needs to be of a darker colour.

Well, it's fixed but in the chat, not in the part where all the contacts show.

can we get a linux version?

If after sending a message you mouse over the upper right corner of the post and press the down arrow and choose Message Info, the column opens on the right and the Read By, Remaining, Delivered To and Remaining are all in White with Lt. Gray text. Will attempt to send a screen shot.

I can´t install WhatsApp Darkmode on Desktop!
I think because the invalid characters like ä ö ü etc.

The file exists in C:\Users\Sören\AppData\Local\WhatsApp\app-0.3.4479\resources\app.asar

Very cool. I'm just wondering, is it possible to add a userscript to the whatsapp desktop app?
I usually use this userscript to hide my contacts and the currently open chat with a hotkey, but I haven't really used the desktop app cos I haven't been able to get the userscript.
The userscript is like this. Again, I'm not even sure if it can be implemented into the app, but it would be pretty epic if it's possible.

// ==UserScript==
// @name         Whatsapp Web Privacy Mode lite
// @namespace    graphen
// @version      1.8
// @description  Add button and hotkey to hide contact names on web.whatsapp.com
// @author       Graphen
// @match        https://web.whatsapp.com/
// @icon         https://i.imgur.com/LeZuNg7.png
// @grant        none
// ==/UserScript==

/* jshint esversion: 6 */
(function() {
        'use strict';
        var hidden = false;
        window.addEventListener('load', () => {
         document.addEventListener("keydown", function(e) {
             var keyCode = e.keyCode;
             if(keyCode==115) {
                 toggleShowHide();
             }
         }, false);
        });
        function toggleShowHide() {
          var sidepanel = document.getElementById('pane-side');
          var contactname = document.getElementsByClassName('_1lpto')[0];
            if (hidden) {
                console.log("WA Privacy: Toggled show.");
                try {   // show
                    sidepanel.setAttribute('style', 'display:block');
                    contactname.setAttribute('style', 'visibility:visible !important;');
                } catch(err) {
                    console.log("toggleShow: " + err);
                }
            } else {
                console.log("WA Privacy: Toggled hide.");
                try {   // hide
                    sidepanel.setAttribute('style', 'display:none');
                    contactname.setAttribute('style', 'visibility:hidden !important;');
                } catch(err) {
                    console.log("toggleHide: " + err);
                }
            }
            hidden = !hidden;
        }
    })();

It'll look like this :

UPDATE :
New plan is in the works to make the title bar a darker version of accent color chosen by the user. For an example, default color would look like this :

Vote by clicking on the options 👇

1. How to make it darker?

2. Stickers menu arrow is white.

• So the WhatsApp desktop app goes back to original color if you update it.
• I tried a bunch of methods and came up with this and it's working properly.
• But it can be fixed by changing the version in here in the repository.

Building from source fails on my MacOS Mojave 10.14.4:

 ➜ /tmp/whatsapp-desktop-dark git status
On branch master
Your branch is up to date with 'origin/master'.

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)

	modified:   package-lock.json
	modified:   package.json

no changes added to commit (use "git add" and/or "git commit -a")
 ➜ /tmp/whatsapp-desktop-dark git checkout package.json
 ➜ /tmp/whatsapp-desktop-dark npm install

> [email protected] postinstall /private/tmp/whatsapp-desktop-dark/node_modules/resourcehacker
> node scripts/install.js

Downloading ResourceHacker by Angus Johnson...
_http_client.js:131
  var expectedProtocol = defaultAgent.protocol;
                                      ^

TypeError: Cannot read property 'protocol' of undefined
    at new ClientRequest (_http_client.js:131:39)
    at request (http.js:44:10)
    at Object.get (http.js:48:15)
    at Object.<anonymous> (/private/tmp/whatsapp-desktop-dark/node_modules/resourcehacker/scripts/install.js:23:20)
    at Module._compile (internal/modules/cjs/loader.js:936:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
    at Module.load (internal/modules/cjs/loader.js:790:32)
    at Function.Module._load (internal/modules/cjs/loader.js:703:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:999:10)
    at internal/main/run_main_module.js:17:11
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ntsaou/.npm/_logs/2019-09-13T11_59_45_779Z-debug.log

Since I am on Mac, I removed the line "resourcehacker": "4.2.51" from package.json and everything works. Amazing work, thank you :)

Unfortunately, I have not worked with node or npm, so I do not how to create different package.json files for the 2 platforms.

1. Type "@" in a group chat with multiple people
2. Press Up/Down arrow keys on the keyboard (do not use the mouse) for member selection
3. The background highlight color (of the member's name who will be auto-filled when you press Enter) will be absent