<html lang="en">
<head>
<script
dangerouslySetInnerHTML={{
__html: `
try {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#020');
} else {
document.documentElement.classList.remove('dark')
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#FFFFFF');
}
} catch (_) {}
`,
}}
/>
</head>
<JotaiProvider>
<ReactQueryClientProvider>
//Rest of the layout
</ReactQueryClientProvider>
<html lang="en">
<head>
<script
dangerouslySetInnerHTML={{
__html: `
try {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#020');
} else {
document.documentElement.classList.remove('dark')
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#FFFFFF');
}
} catch (_) {}
`,
}}
/>
</head>
<JotaiProvider>
<ReactQueryClientProvider>
//Rest of the layout
</ReactQueryClientProvider>