Improved theme selection. Added changeTheme method.

2019-10-27 15:17:06 +00:00
parent 6659174f88
commit 383aab5f85
2 changed files with 18 additions and 3 deletions
@@ -153,14 +153,28 @@ class OptionsWaiter {


    /**
-     * Changes the theme by setting the class of the <html> element.
+     * Theme change event listener
     *
     * @param {Event} e
     */
    themeChange(e) {
        const themeClass = e.target.value;

-        document.querySelector(":root").className = themeClass;
+        this.changeTheme(themeClass);
+    }
+
+
+    /**
+     * Changes the theme by setting the class of the <html> element.
+     *
+     * @param (string} theme
+     */
+    changeTheme(theme) {
+        document.querySelector(":root").className = theme;
+
+        // Update theme selection
+        const themeSelect = document.getElementById("theme");
+        themeSelect.selectedIndex = themeSelect.querySelector(`option[value="${theme}"`).index;
    }