maybe you added z-index:-1;

Then u didn’t do it right

idk too

Just the problem for me. Do you know the solution for it to be on a whole site remembered?

You need to create a session for this. I'd recommend creating a database and storing user preferences in there. You can interface with the database using a server-side language like php.

Hi, I don't know if this message reaches you, but the svg:s have a defaulf height which differs from the desired, so just set height to the same as the toggle switch. Hope this helps!

@@Asdpire you just saved me 2-3 hours figuring out how to fix that i love you

Pp

use label::active instead of laber:active and replace ::active with every :active

const toggle = document.querySelector("#darkmode-toggle"); let bg = document.body; toggle.addEventListener("change", function () { if (this.checked) { // Toggle button is checked // Perform actions for the checked state bg.style.backgroundColor = "black"; } else { // Toggle button is unchecked // Perform actions for the unchecked state bg.style.backgroundColor = "white"; } }); add these lines in a script tag and thats it.

What an arrogant comment. Every single line serves its specific purpose. To me you're just bullshitting here unless you prove otherwise.

@@paulhamacher773 u look like an npc

And now you can't even think of anything better than commenting on my appearance. Pathetic.

10 lines, post them here then smart arse