diff --git a/index.html b/index.html
index 19f7455..f1a181e 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@
                 <select id="languageSelection">
                 </select>
             </li>
-			<li style="margin-left:1rem; display: none;">
+			<li style="margin-left:1rem;">
 				<div>Theme:&nbsp;</div>
 				<select id="themeSelection"></select>
 			</li>
diff --git a/javascript/UI/themes.js b/javascript/UI/themes.js
index 83b6f68..20449d9 100644
--- a/javascript/UI/themes.js
+++ b/javascript/UI/themes.js
@@ -69,5 +69,19 @@ document.addEventListener("DOMContentLoaded", () => {
   Object.keys(themes).forEach(name => sel.add(new Option(name, name))); //Visible text, value
   //Change the theme when the user picks something
   sel.onchange = () => applyTheme(themes[sel.value]);
+
+
+  // when user picks a new theme
+  sel.onchange = () => {
+    const selected = sel.value;
+    if (!selected) {
+      applyTheme(null); // reset
+      localStorage.removeItem("skoTheme");
+    } else {
+      applyTheme(themes[selected]);
+      localStorage.setItem("skoTheme", selected);
+    }
+  };
+
 });