diff --git a/darkmode.js b/darkmode.js
new file mode 100644
index 0000000..9341d05
--- /dev/null
+++ b/darkmode.js
@@ -0,0 +1,31 @@
+// do da dark mode
+
+let dark = false;
+
+function toggleDarkMode(e) {
+  dark = !dark;
+  setDarkMode(dark);
+}
+
+function setDarkMode(darkMode) {
+  dark = darkMode;
+  window.localStorage.setItem("dark-mode",dark);
+  if (dark) {
+    document.querySelector("body").classList.remove("light");
+    document.querySelector("body").classList.add("dark");
+  } else {
+    document.querySelector("body").classList.remove("dark");
+    document.querySelector("body").classList.add("light");
+  }
+}
+
+window.addEventListener('load', function(event) {
+
+  (function() {
+    let storage = window.localStorage;
+
+    if (storage.getItem("dark-mode") != null) {
+      setDarkMode(storage.getItem("dark-mode") === "true");
+    }
+  }());
+});
diff --git a/game.js b/game.js
index 1068eca..d9ebef2 100644
--- a/game.js
+++ b/game.js
@@ -15,27 +15,6 @@ window.onerror = function(msg, source, lineno, colno, error) {
   }
 };
 
-// do da dark mode
-
-let dark = false;
-
-function toggleDarkMode(e) {
-  dark = !dark;
-  setDarkMode(dark);
-}
-
-function setDarkMode(darkMode) {
-  dark = darkMode;
-  window.localStorage.setItem("dark-mode",dark);
-  if (dark) {
-    document.querySelector("body").classList.remove("light");
-    document.querySelector("body").classList.add("dark");
-  } else {
-    document.querySelector("body").classList.remove("dark");
-    document.querySelector("body").classList.add("light");
-  }
-}
-
 let started = false;
 
 let strolling = false;
diff --git a/stroll.html b/stroll.html
index 88e0cd0..d8da9e0 100644
--- a/stroll.html
+++ b/stroll.html
@@ -5,6 +5,7 @@
   <meta charset="utf-8">
   <title>Stroll</title>
   <link rel="stylesheet" href="style.css">
+  <script src="darkmode.js"></script>
   <script src="sounds.js"></script>
   <script src="presets.js"></script>
   <script src="units.js"></script>