style wc modal

taikoxyz · Jul 4, 2023 · 62eee0e · 62eee0e
1 parent adcead5
commit 62eee0e
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/bridge-ui/src/wagmi/client.ts b/packages/bridge-ui/src/wagmi/client.ts
@@ -75,6 +75,19 @@ export const client = createClient({
       options: {
         projectId: WALLETCONNECT_PROJECT_ID,
         showQrModal: true,
+        qrModalOptions: {
+          themeVariables: {
+          // DaisyUI modal has a z-index of 999 by default
+          // WalletConnect modal has a z-index of 89 by default
+          // Let's increase wc to beat daisyui's modal
+            '--wcm-z-index': '9999',
+            '--wcm-background-color': '#E81899',
+
+            // @ts-ignore
+            // '--wcm-color-fg-1': '#E81899',
+            '--wcm-accent-color': '#E81899',
+          }
+        }
       },
     }),
     new CoinbaseWalletConnector({