Adapt the widget to your brand (Dark/Light mode)
You can force a specific theme using the hook:
1function ThemeToggle() {
2 const { setTheme } = useProofConvert();
3
4 return (
5 <div>
6 <button onClick={() => setTheme('dark')}>đ Dark Mode</button>
7 <button onClick={() => setTheme('light')}>âī¸ Light Mode</button>
8 <button onClick={() => setTheme('system')}>đģ System</button>
9 </div>
10 );
11}Or set it globally in your Provider:
1<ProofConvertProvider
2 projectId="..."
3 apiKey="..."
4 theme="dark" // 'light', 'dark', or 'system'
5>
6 <App />
7</ProofConvertProvider>