3 files changed, 11 insertions, 6 deletions

diff --git a/assets/js/settings.js b/assets/js/settings.js
index 9a76ea5..f31bfaf 100644
--- a/assets/js/settings.js
+++ b/assets/js/settings.js
@@ -8,7 +8,7 @@ async function setLanguage(langCode)  {
 }
 
 async function setTheme(targetTheme) {
-    localforage.setItem("targetTheme", targetTheme).then((value) => {
+    localforage.setItem("theme", targetTheme).then((value) => {
         console.log("Theme set: " + value);
         UIAlert(D("themeSet"), "setTheme(): themeSet");
     });
@@ -40,7 +40,10 @@ document.addEventListener("DOMContentLoaded", async () => {
     const menus = document.querySelectorAll(".side-menu");
     M.Sidenav.init(menus, { edge: "right", draggable: true });
 
+    var elems = document.querySelectorAll(".theme-select");
+    M.FormSelect.init(elems, {});
+    
     // Setup language select dropdown
-    var elems = document.querySelectorAll('select');
+    var elems = document.querySelectorAll(".lang-select");
     M.FormSelect.init(elems, {});
 });
diff --git a/assets/js/setup-storage.js b/assets/js/setup-storage.js
index ad45ec7..f9fa656 100644
--- a/assets/js/setup-storage.js
+++ b/assets/js/setup-storage.js
@@ -18,7 +18,8 @@ async function setupStorage(force = false) {
         localforage.setItem("messages", { "0": [], "1": [], "2": []}), // see messages.js:129, commit 8eb9ca9caca30fbbe023243657535ab4088be377
         localforage.setItem("directory", {}), //\\ well I could remember my own code but I didn't.
         localforage.setItem("meals", {}),
-        localforage.setItem("chosenLang", "en")
+        localforage.setItem("chosenLang", "en"),
+        localforage.setItem("theme", "light")
     ];
 
     if (logged_in && force == false) { // torej, če je že bila prijava narejena, ne posodobi backwards-compatible vrednosti (username, password,...)
@@ -30,7 +31,8 @@ async function setupStorage(force = false) {
             localforage.setItem("logged_in", false),
             localforage.setItem("username", ""),
             localforage.setItem("password", ""),
-            localforage.setItem("chosenLang", "en")
+            localforage.setItem("chosenLang", "en"),
+            localforage.setItem("theme", "light")
         ];
         await localforage.clear();
         await Promise.all(promises_first_install);
diff --git a/assets/pages-src/settings.bvr b/assets/pages-src/settings.bvr
index 8d5193c..2056184 100644
--- a/assets/pages-src/settings.bvr
+++ b/assets/pages-src/settings.bvr
@@ -58,7 +58,7 @@
             <h5><x-su>language</x-su></h5>
             <div class="input-field col s12">
                 <i class="material-icons prefix">translate</i>
-                <select class="icons" id="select-language">
+                <select class="lang-select icons" id="select-language">
                     <option value="" id="option-sl" data-language="sl" data-icon="/img/flags/sl.svg" selected>Slovenščina</option>
                     <option value="" id="option-en" data-language="en" data-icon="/img/flags/en.svg">English</option>
                 </select>
@@ -70,7 +70,7 @@
             <h5><x-su>theme</x-su></h5>
             <div class="input-field col s12">
                 <i class="material-icons prefix">palette</i>
-                <select class="icons" id="select-theme">
+                <select class="theme-select" id="select-theme">
                     <option value="" id="option-light" data-theme="light" selected><x-su>themeLight</x-su></option>
                     <option value="" id="option-dark" data-theme="dark"><x-su>themeDark</x-su></option>
                 </select>