fix theme switching

cakePhone · cakePhone · commit c07dc131faaf · 2026-01-17T13:55:16.000Z
diff --git a/_includes/components/theme-init.liquid b/_includes/components/theme-init.liquid
@@ -0,0 +1,8 @@
+<script>
+(function() {
+    var theme = localStorage.getItem('theme');
+    if (theme) {
+        document.documentElement.classList.add('theme-' + theme);
+    }
+})();
+</script>
diff --git a/_includes/layouts/post_layout.liquid b/_includes/layouts/post_layout.liquid
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'components/theme-init.liquid' %}
     <title>{{ title }}</title>
     <link rel="icon" href="/assets/img/favicon.svg" type="image/x-icon">
     <link href="/assets/css/global.css" rel="stylesheet">
diff --git a/assets/js/theme.js b/assets/js/theme.js
@@ -8,12 +8,6 @@ document.addEventListener('DOMContentLoaded', () => {
     
     if (!ambientSky) return;
     
-    // Check for saved theme preference or use system preference
-    const savedTheme = localStorage.getItem('theme');
-    if (savedTheme) {
-        document.documentElement.classList.add(`theme-${savedTheme}`);
-    }
-    
     ambientSky.addEventListener('click', () => {
         const html = document.documentElement;
         const isDark = html.classList.contains('theme-dark') || 
diff --git a/blog/index.liquid b/blog/index.liquid
@@ -9,6 +9,7 @@ eleventyImport:
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'components/theme-init.liquid' %}
     <title>Miguel's Blog</title>
 
     <link rel="icon" href="/assets/img/favicon.svg" type="image/x-icon">
diff --git a/index.liquid b/index.liquid
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'components/theme-init.liquid' %}
 
     <title>Miguel's Portfolio</title>
 
diff --git a/projects/index.liquid b/projects/index.liquid
@@ -7,6 +7,7 @@ eleventyImport:
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {% include 'components/theme-init.liquid' %}
     <title>Miguel's Projects</title>
     <link rel="stylesheet" href="/assets/css/global.css">
     <link rel="stylesheet" href="/assets/css/general-read.css">
