How can I customise the default styles in walletconnect/qrcode-modal?

Viewed 328

I'm working on a dapp, I plan to use QR Code login to the dapp using the walletconnect/qrcode-modal npm package but I couldn't found customization for popup QR using the walletconnect.

Is there a way to customise the QR Code displayed by walletconnet with our own css styles

1 Answers

So far the best solution I've found is just inspecting the classes that the QR code modal has and targeting them with CSS when they load.

You can inspect the elements with the developer tools by pressing F12 (although you might know that already).

It will be easier if you style the modal as you like and one by one copy the CSS into your project.

Update (17/7/2022): There is a library called "web3modal", which has a section about customisation. It can be useful to you.

https://github.com/web3modal/web3modal
Related