Change to compact web3 modal

subvisual · Apr 2, 2024 · 2af6b81 · 2af6b81
1 parent 4c6b1a3
commit 2af6b81
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/web-app/app/_providers/web3-provider.tsx b/packages/web-app/app/_providers/web3-provider.tsx
@@ -3,7 +3,7 @@
 import { WagmiProvider } from 'wagmi';
 import {
   RainbowKitProvider,
-  lightTheme,
+  darkTheme,
   type Theme,
 } from '@rainbow-me/rainbowkit';
 import { TChildren } from '@/app/_types';
@@ -12,9 +12,9 @@ import merge from 'lodash.merge';
 import { wagmiConfig } from './wagmi-config';
 
 const customTheme = merge(
-  lightTheme({
+  darkTheme({
     overlayBlur: 'small',
-    accentColor: '#3F69F5',
+    accentColor: '#3865FD',
     accentColorForeground: '#FFF',
   }),
   {
@@ -27,7 +27,11 @@ const customTheme = merge(
 export function Web3Provider({ children }: TChildren) {
   return (
     <WagmiProvider config={wagmiConfig}>
-      <RainbowKitProvider showRecentTransactions={true} theme={customTheme}>
+      <RainbowKitProvider
+        showRecentTransactions={true}
+        theme={customTheme}
+        modalSize="compact"
+      >
         {children}
       </RainbowKitProvider>
     </WagmiProvider>