search

Uniswap / web3-react

A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps
https://web3-react-mu.vercel.app/
GNU General Public License v3.0
5.53k stars 1.52k forks source link

How can I theme `WalletConnectModal`? #884

Closed rkhadder closed 1 year ago

rkhadder commented 1 year ago

I've successfully migrated to Wallet Connect v2. I'd like to theme the WalletConnectModal that pops up on connect.

Screenshot 2023-09-18 at 1 12 04 PM

Specifically I'd like to set the z-index. Theming is supported by wallet connect (docs). Is there a way for me to pass theme variables through web3-react?

rkhadder commented 1 year ago

Found it :)


        qrModalOptions: {
          themeVariables: {
            '--wcm-z-index': '10000',
          },
        },

Full web3-react wallet connect v2 props can be found here

Full wallet connect v2 theme overrides can be found here

chazzaoui commented 11 months ago

Hey @rkhadder! could I ask you how you set up walletconnectv2 in your project?

I seem to be getting an error when setting it up and curious if I missed something