fix: only include themetoggle when needed (closes #98 )

not-matthias · Feb 15, 2025 · e3ff2f8 · e3ff2f8
1 parent 25e9750
commit e3ff2f8
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/templates/partials/header.html b/templates/partials/header.html
@@ -147,23 +147,24 @@
     {% endif %}
 
     <!-- Set the correct theme in the script -->
-    <script src={{ get_url(path="js/themetoggle.js") }}></script>
-    {% if theme == "dark" %}
-        <script>setTheme("dark");</script>
-    {% elif theme == "light" %}
-        <script>setTheme("light");</script>
-    {% elif theme == "auto" %}
-        <script>
-            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-                setTheme("dark");
-            } else {
-                setTheme("light");
-            }
-        </script>
-    {% else %}
-        <script>setTheme(getSavedTheme());</script>
+
+    {% if theme == "auto" or theme == "toggle" %}
+        <script src={{ get_url(path="js/themetoggle.js") }}></script>
+
+        {% if theme == "auto" %}
+            <script>
+                if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                    setTheme("dark");
+                } else {
+                    setTheme("light");
+                }
+            </script>
+        {% else %}
+            <script>setTheme(getSavedTheme());</script>
+        {% endif %}
     {% endif %}
 
+
     <link rel="stylesheet" type="text/css" media="screen" href={{ get_url(path="main.css") }} />
 
     {% if config.extra.stylesheets %}