Új hozzászólás Aktív témák

  • Taci

    addikt

    A sötét mód váltásához állítottam most be egy változót local storage-ban, hogy ha már korábban átváltott a felhasználó, akkor az oldal eleve sötét módban induljon.

    Maga a váltás így van megoldva, ez van triggerelve a dark mode ikonra való kattintáskor is:
    document.body.classList.toggle("dark-theme");

    Ezt pedig csak így tudtam megcsinálni, hogy local storage-ból kiolvasva a változó értékét beállítsa a sötét témát:

    <body onload="onLoadBody();">

    function onLoadBody(){
        const DARKMODE = "darkMode";
        const storedDarkModeEnabledState = localStorage.getItem(DARKMODE);

        if (storedDarkModeEnabledState == 1){
            document.body.classList.toggle("dark-theme");
        }
    }

    Viszont így egy pillanatra betöltéskor még az alap, világos téma látszódik, kvázi bevillan, és csak utána tölt be a sötét.

    Hogyan tudnám megoldani, hogy egyből a sötéttel indítson?
    Korábbra már nem tudom tenni a hívást, hiszen ott még nincs body.

Új hozzászólás Aktív témák

Hirdetés