fix: add on-load.js for theme and font

Resolves #54
VaagenIM · Sep 30, 2024 · 2f6be91 · 2f6be91
1 parent 898384e
commit 2f6be91
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/piggy/static/js/main.js b/piggy/static/js/main.js
@@ -43,10 +43,6 @@ function toggleDyslexia() {
   pageTransition();
 }
 
-// Set the current theme on page load
-document.documentElement.setAttribute("data-theme", currentTheme);
-document.documentElement.setAttribute("data-font-theme", fontTheme);
-
 if (fontTheme === "default") {
   dyslexiaBtn.innerHTML = "Dyslexia Friendly Mode";
 } else {

diff --git a/piggy/static/js/on-load.js b/piggy/static/js/on-load.js
@@ -0,0 +1,4 @@
+const currentTheme = localStorage.getItem("theme") || "dark";
+const fontTheme = localStorage.getItem("data-font-theme") || "default";
+document.documentElement.setAttribute("data-theme", currentTheme);
+document.documentElement.setAttribute("data-font-theme", fontTheme);
diff --git a/piggy/templates/partials/head.html b/piggy/templates/partials/head.html
@@ -6,4 +6,5 @@
   {% include "partials/parts/styles.html" %}
 {% endblock %}
 
+<script src="{{ url_for('static', filename='js/on-load.js') }}"></script>
 <script src="{{ url_for('static', filename='js/main.js') }}" defer></script>