added theme slector

src/index.html

@@ -78,9 +78,12 @@
                 <br>
                 <br>
 
-                <select name="Theme" id="theme-sel">
+                <select name="Theme" id="theme-sel"></select>
-                    
+
-                </select>
+                <br>
+                <br>
+                
+                <button onmousedown="updateTheme();" id='theme-up'>Update</button>
             </th>
         </tr>
     </table>

src/style.css

@@ -68,6 +68,12 @@ button:hover
     width: 150px;
 }
 
+#theme-up
+{
+    height: 50px;
+    width: 150px;
+}
+
 .win
 {
     border-radius: 12px;

src/theme.js

@@ -35,6 +35,11 @@ function setupTheme()
     });
 }
 
+function updateTheme()
+{
+    setTheme(themesel.options[themesel.selectedIndex].value);
+}
+
 function setTheme(name)
 {
     root.style.setProperty('--theme-back', themes[name].back);