From bfd9c7f1e98e4d0c5bb59f0d8e01a070d491930a Mon Sep 17 00:00:00 2001
From: Moamal-2000 <moamalalaapro1@gmail.com>
Date: Tue, 26 May 2026 14:22:34 +0300
Subject: [PATCH] fix(theme): move theme initialization script to end of <body>
 to ensure body class is applied correctly

---
 _includes/layout.tsx | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)
diff --git a/_includes/layout.tsx b/_includes/layout.tsx
index 58fc8c0..ea854b3 100644
--- a/_includes/layout.tsx
+++ b/_includes/layout.tsx
@@ -19,22 +19,6 @@ export default function Layout(
           title="Ryan Dahl"
           href="/feed"
         />
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-            function toggleTheme() {
-              document.body.classList.toggle('dark');
-              localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
-            }
-            
-            // Apply saved theme on load
-            if (localStorage.getItem('theme') === 'dark' || 
-                (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-              document.body.classList.add('dark');
-            }
-          `,
-          }}
-        />
         <style
           dangerouslySetInnerHTML={{
             __html: `
@@ -299,6 +283,22 @@ export default function Layout(
         <div class="container">
           {children}
         </div>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+            function toggleTheme() {
+              document.body.classList.toggle('dark');
+              localStorage.setItem('theme', document.body.classList.contains('dark') ? 'dark' : 'light');
+            }
+
+            // Apply saved theme on load
+            if (localStorage.getItem('theme') === 'dark' || 
+                (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+              document.body.classList.add('dark');
+            }
+          `,
+          }}
+        />
       </body>
     </html>
   );
