$(document).ready(function() {
    const mode_toggle = document.getElementById("light-toggle");
  
    mode_toggle.addEventListener("click", function() {
        const temp = localStorage.getItem('theme');
        toggleTheme(temp);
    });
    
    let toggleTheme = (theme) => {
        if (theme == "dark") {
            setTheme(null);
        } else {
            setTheme('dark');
        }
    }
  
    let setTheme = (theme) =>  {
        trans();
        if (theme) {
            document.documentElement.setAttribute('data-theme', theme) 
        }
        else {
            document.documentElement.removeAttribute('data-theme');
        }
        localStorage.setItem('theme', theme);
    };
  
    let trans = () => {
        document.documentElement.classList.add('transition');
        window.setTimeout(() => {
            document.documentElement.classList.remove('transition')
        }, 1000)
    }
});