mirror of
https://github.com/hanzoai/store.git
synced 2026-11-02 12:31:12 +00:00
zeekay
da4844a0fb
- Configure RainbowKit darkTheme with white accent (Hanzo brand color) - Add CSS overrides to map RainbowKit variables to Hanzo design system - Move RainbowKit styles import to layout.tsx for proper CSS cascade order - Remove inline theme configuration in favor of centralized theming This ensures RainbowKit (wallet connection UI) uses proper Hanzo branding with white accents on black background, matching the rest of the app.
30 lines
942 B
TypeScript
30 lines
942 B
TypeScript
'use client'
|
|
|
|
import { ThemeProvider } from 'next-themes'
|
|
import { type ReactNode } from 'react'
|
|
import { WagmiProvider } from 'wagmi'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'
|
|
import { config } from '@/lib/wagmi'
|
|
|
|
const queryClient = new QueryClient()
|
|
|
|
export function Providers({ children }: { children: ReactNode }) {
|
|
return (
|
|
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
|
<WagmiProvider config={config}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<RainbowKitProvider theme={darkTheme({
|
|
accentColor: 'white',
|
|
accentColorForeground: 'black',
|
|
borderRadius: 'medium',
|
|
overlayBlur: 'small',
|
|
})}>
|
|
{children}
|
|
</RainbowKitProvider>
|
|
</QueryClientProvider>
|
|
</WagmiProvider>
|
|
</ThemeProvider>
|
|
)
|
|
}
|