así que tengo un problema con este código que no mantiene el color cuando la persona elige cambiar al modo de luz y luego se mueve a una página diferente que se reinicia. ¿Cómo lo cambiaría para que se mantuviera del color que eligieron entre páginas?

Aquí está el HTML

 <div class="switch-wrap"> <div id="switch" class="hover-target"> <div id="circle"></div> </div> <!--Credits to Ivan Grozdic Navigation/Dark/Light--> <p><span>dark</span> - <span>light</span></p> </div>

Aquí está el javascript/jquery

 $("#switch").on('click', function () { if ($("body").hasClass("light")) { $("body").removeClass("light"); $("#switch").removeClass("switched"); } else { $("body").addClass("light"); $("#switch").addClass("switched"); } }); })(jQuery);

He intentado hacer un document.cookies (ifDarkmode.istrue) y mantenerlo, pero no he conseguido que funcione porque soy nuevo en la codificación.