Refactor theme

1 files changed, 16 insertions, 0 deletions

diff --git a/webAO/dom/reloadTheme.ts b/webAO/dom/reloadTheme.ts
new file mode 100644
index 0000000..bfa46b6
--- /dev/null
+++ b/webAO/dom/reloadTheme.ts
@@ -0,0 +1,16 @@
+import { client } from '../client'
+import setCookie from '../utils/setCookie';
+
+/**
+ * Triggered by the theme selector.
+ */
+export const reloadTheme = () => {
+    client.viewport.setTheme((<HTMLSelectElement>document.getElementById("client_themeselect"))
+        .value);
+
+    setCookie("theme", client.viewport.getTheme());
+    (<HTMLAnchorElement>(
+        document.getElementById("client_theme")
+    )).href = `styles/${client.viewport.getTheme()}.css`;
+}
+window.reloadTheme = reloadTheme;
\ No newline at end of file