QR code not recognised when in dark mode

[zpunout]

Tried to scan the QR code after setting the display to dark mode, but the other phone couldn't recognise it.

Light mode works fine

Steps to reproduce:

1. Fresh install WhatsApp Web To Go
2. Set display to dark mode
3. Attempt to link device with QR code in WhatsAppWTG with camera on other device running official WhatsApp (by Meta)
4. QR code will not be recognised

[92lleo]

Hi @zpunout
What phone do you use with the Meta Whatsapp installed?
I just tried to reconnect my Whatsapp Web To Go in dark mode with Whatsapp on Iphone, worked within a split second.

[shuvashish76]

Same issue.
Official WhatsApp v2.22.23.84 on Samsung J7 Prime, WhatsappWebToGo v1.7.3 (with dark mode) on Moto G71 5G.

[george124816]

same for me, light mode works fine.
Whatsapp Web To Go version 1.7.3 on Lenovo TB-J706F
Whatsapp v2.22.23.84 on Samsung S22+

[92lleo]

Thanks everyone for confirming. Also tried it with an android phone now, same issue. Seems like it's just working to scan the dark mode QR Code with an iPhone WhatsApp installation. I'll fix this with the next release, until then just switch to light mode for scanning

[JonasunderscoreJones]

Same issue here with dark mode not working.

Here also an explanation as to why it behaves that way for anyone who's interested:

QR codes require a so called quiet zone around their pixels which is a white margin, often 4 times the thickness of a single module to help the reader distinguish the code itself from it's background and surroundings. it appears that the qr code reader on iOS is smart enough to come around that issue??? (seems like something apple would do). Therefore for a qr code to work reliably and be compatible with the standard, it requires a white border around the modules.

EDIT: WhatsApp web has a built-in dark mode anyways and if you hide the top app bar it's just the same appealing dark mode as the app provides