$.getJSON("/themes.json", function (data) {
    loadedthemes = data;
    let currenttheme = getCookie("theme")
    if (currenttheme == "") {
        setTheme("selenite");
    } else {
        setTheme(currenttheme);
    }
})

var r = document.querySelector(':root');
function setTheme(themename) {
    if (!loadedthemes[themename]) {
        alert("woah, you loaded a non-existant theme! if you found this during normal usage of the website, please send a bug report at https://forms.gle/j75WUn6UhdqsRZgf7");
        return;
    }
    r.style.setProperty('--input-bg-color', loadedthemes[themename]["--input-bg-color"]); 
    r.style.setProperty('--main-text-color', loadedthemes[themename]["--main-text-color"]); 
    r.style.setProperty('--p-text-color', loadedthemes[themename]["--p-text-color"]); 
    r.style.setProperty('--border-color', loadedthemes[themename]["--border-color"]); 
    r.style.setProperty('--star-color', loadedthemes[themename]["--star-color"]); 
    r.style.setProperty('--game-color', loadedthemes[themename]["--game-color"]); 
    r.style.setProperty('--bg-1', loadedthemes[themename]["--bg-1"]); 
    r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]); 
    Cookies.set("theme", themename);
}