From d760fc6e217eb02e0d670cda53e93f1f80a77ead Mon Sep 17 00:00:00 2001
From: Marcel <kingofdog@web.de>
Date: Wed, 24 Jan 2018 19:53:52 +0100
Subject: [PATCH] Add ability to switch theme

---
 index.html | 6 +++---
 js/menu.js | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 437bcdb..e0c5411 100644
--- a/index.html
+++ b/index.html
@@ -22,15 +22,15 @@
         </div>
         <div id="theme-selector">
             <div class="radio">
-                <input id="theme-default" name="theme" type="radio" checked>
+                <input id="theme-default" name="theme" data-theme="default" type="radio" checked>
                 <label for="theme-default" class="radio-label">Default</label>
             </div>
             <div class="radio">
-                <input id="theme-modern" name="theme" type="radio">
+                <input id="theme-modern" name="theme" data-theme="modern" type="radio">
                 <label for="theme-modern" class="radio-label">Modern</label>
             </div>
             <div class="radio">
-                <input id="theme-snakes" name="theme" type="radio">
+                <input id="theme-snakes" name="theme" data-theme="snakes" type="radio">
                 <label for="theme-snakes" class="radio-label">Snakes</label>
             </div>
         </div>
diff --git a/js/menu.js b/js/menu.js
index 060732d..213a5b2 100644
--- a/js/menu.js
+++ b/js/menu.js
@@ -64,6 +64,12 @@ document.getElementById("game-reset").addEventListener("click", () => {
     showMenu();
 });
 
+document.getElementsByName("theme").forEach((el) => {
+    el.addEventListener("change", (e) => {
+        theme = e.target.getAttribute("data-theme");
+    });
+});
+
 let isActive = false;
 const menuButton = document.getElementById("menu-opener");