Frontend structure pt.2

1 files changed, 33 insertions, 0 deletions

diff --git a/static/common.js b/static/common.js
new file mode 100644
index 0000000..1d6234b
--- /dev/null
+++ b/static/common.js
@@ -0,0 +1,33 @@
+var isLightMode = false;
+
+function ToggleMode() {
+    if (isLightMode)
+        setDarkMode();
+    else 
+        setLightMode();
+}
+
+function setLightMode() {
+    swapClasses("dark", "light");
+    isLightMode = true;
+    document.getElementById("toggleIcon").src = "static/toggle.svg"
+}
+
+function setDarkMode() {
+    swapClasses("light", "dark");
+    isLightMode = false;
+    document.getElementById("toggleIcon").src = "static/toggle_dark.svg"
+}
+
+function swapClasses(baseClass, newClass) {
+    let elements = document.getElementsByClassName(baseClass);
+    console.log(elements)
+    var els = [];
+    for (const element of elements) {
+        els.push(element);
+    }
+    for (var el of els) {
+        el.classList.remove(baseClass);
+        el.classList.add(newClass);
+    }
+}