From 8edcf37761606033054adb19cbdceb737e5b1834 Mon Sep 17 00:00:00 2001
From: AUnicornWithNoLife <benjamin.barratt@icloud.com>
Date: Sat, 10 Jul 2021 10:02:05 +0100
Subject: [PATCH] added theme slector

---
 src/index.html | 9 ++++++---
 src/style.css  | 6 ++++++
 src/theme.js   | 5 +++++
 3 files changed, 17 insertions(+), 3 deletions(-)

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);