diff --git a/src/index.html b/src/index.html
index fbd3084..5955c7e 100755
--- a/src/index.html
+++ b/src/index.html
@@ -78,9 +78,12 @@
                 <br>
                 <br>
 
-                <select name="Theme" id="theme-sel">
-                    
-                </select>
+                <select name="Theme" id="theme-sel"></select>
+
+                <br>
+                <br>
+                
+                <button onmousedown="updateTheme();" id='theme-up'>Update</button>
             </th>
         </tr>
     </table>
diff --git a/src/style.css b/src/style.css
index d87b756..be2a344 100755
--- a/src/style.css
+++ b/src/style.css
@@ -68,6 +68,12 @@ button:hover
     width: 150px;
 }
 
+#theme-up
+{
+    height: 50px;
+    width: 150px;
+}
+
 .win
 {
     border-radius: 12px;
diff --git a/src/theme.js b/src/theme.js
index 13e4971..70d0561 100755
--- a/src/theme.js
+++ b/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);