Adapt the widget to your brand (Dark/Light mode)
Override to match your website design:
1const { setTheme } = useProofConvert();
2
3<div className="flex flex-wrap gap-2">
4 <button
5 onClick={() => setTheme('dark')}
6 className="px-4 py-2 bg-gray-800 text-white rounded"
7 >
8 🌙 Dark Mode
9 </button>
10 <button
11 onClick={() => setTheme('light')}
12 className="px-4 py-2 bg-white text-gray-800 border rounded"
13 >
14 ☀️ Light Mode
15 </button>
16 <button
17 onClick={() => setTheme('system')}
18 className="px-4 py-2 bg-gray-100 text-gray-800 rounded"
19 >
20 💻 System
21 </button>
22</div>