From d460fa6316d3db4e68e6b4d4c7ee2d02d6505304 Mon Sep 17 00:00:00 2001
From: KushBlazingJudah <59340248+KushBlazingJudah@users.noreply.github.com>
Date: Wed, 18 Aug 2021 00:50:13 -0300
Subject: it works

---
 static/js/themes.js | 12 +++++++++++-
 static/main.html    | 13 ++++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

(limited to 'static')

diff --git a/static/js/themes.js b/static/js/themes.js
index 19bdbb4..3f1b906 100644
--- a/static/js/themes.js
+++ b/static/js/themes.js
@@ -26,5 +26,15 @@ function applyTheme() {
 			tags[i].disabled = true;
 		}
 	}
-	setTheme(getCookie("theme") || "default");
+	let theme = getCookie("theme") || "default";
+	setTheme(theme);
+
+	// reflect this in the switcher
+	let switcher = document.getElementById("themeSwitcher");
+	for(var i = 0; i < switcher.options.length; i++) {
+		if (switcher.options[i].value === theme) {
+			switcher.selectedIndex = i;
+			break;
+		}
+	}
 }
diff --git a/static/main.html b/static/main.html
index 9a88afc..794a602 100644
--- a/static/main.html
+++ b/static/main.html
@@ -41,11 +41,14 @@
 
     {{ template "bottom" . }}
 
-    <select onchange="setTheme(this.options[this.selectedIndex].value)">
-	    {{ range .Themes }}
-	    <option value="{{.}}">{{.}}</option>
-	    {{ end }}
-    </select>
+    <div style="float: right;">
+      Theme:
+      <select id="themeSwitcher" onchange="setTheme(this.options[this.selectedIndex].value)">
+        {{ range .Themes }}
+        <option value="{{.}}">{{.}}</option>
+        {{ end }}
+      </select>
+    </div>
 
     <div align="center" style="width: 500px; margin:0 auto; margin-top: 50px;">
       <a href="/">[Home]</a><a href="/static/rules.html">[Rules]</a><a href="/static/faq.html">[FAQ]</a>
-- 
cgit v1.2.3