var isLightMode = false;

function ToggleMode() {
    if (isLightMode)
        setDarkMode();
    else 
        setLightMode();
}

function setLightMode() {
    swapClasses("dark", "light");
    isLightMode = true;
    document.getElementById("toggleIcon").src = "static/toggle.svg"
    document.getElementById("homeIcon").src = "static/home_dark.svg"
}

function setDarkMode() {
    swapClasses("light", "dark");
    isLightMode = false;
    document.getElementById("toggleIcon").src = "static/toggle_dark.svg"
    document.getElementById("homeIcon").src = "static/home.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);
    }
}