diff --git a/_includes/layout.tsx b/_includes/layout.tsx
index 47e9eee8d..829e20338 100644
--- a/_includes/layout.tsx
+++ b/_includes/layout.tsx
@@ -25,11 +25,12 @@ export default function Layout(data: Lume.Data) {
           <meta name="description" content={data.description} />}
         <link rel="icon" href="/favicon.ico" />
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-        <script>
-          const theme = localStorage.getItem('denoDocsTheme') ||
-          (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' :
-          'light'); document.documentElement.classList.add(theme);
-        </script>
+        <script
+          dangerouslySetInnerHTML={{
+            __html:
+              `const theme = localStorage.getItem('denoDocsTheme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); document.documentElement.classList.add(theme);`,
+          }}
+        />
 
         <link
           rel="stylesheet"