redeux · November 22, 2020 20:59 · redeux · Nov 22, 2020
diff --git a/theme_toggler.html b/theme_toggler.html
 <html lang="en">
 <head>
    <style type="text/css">
        body {
            background-color: #000;
            color: #fff;
        }

        body.light {
            background-color: #fff;
            color: #000;
        }


        #t {
            visibility: hidden;
        }

        #t::before {
            content: 'light ';
        }

        body.light #t::before {
            content: 'dark ';
        }

    </style>
 </head>

 <body>
 </body>
            
 <footer>
    <a id="t">theme</a>
 </footer>
 <script>
    function c() {return localStorage.getItem("c")}
    c() === "1" ? document.body.classList.toggle('light') : null;
    var t = document.getElementById("t");
    t.style.visibility = 'visible';
    t.onclick = function () {
        c() === "1" ? localStorage.setItem("c", 0) : localStorage.setItem("c", 1);
        document.body.classList.toggle('light');
    }
 </script>

 </html>
	<html lang="en">
	<head>
	<style type="text/css">
	body {
	background-color: #000;
	color: #fff;
	}

	body.light {
	background-color: #fff;
	color: #000;
	}


	#t {
	visibility: hidden;
	}

	#t::before {
	content: 'light ';
	}

	body.light #t::before {
	content: 'dark ';
	}

	</style>
	</head>

	<body>
	</body>

	<footer>
	<a id="t">theme</a>
	</footer>
	<script>
	function c() {return localStorage.getItem("c")}
	c() === "1" ? document.body.classList.toggle('light') : null;
	var t = document.getElementById("t");
	t.style.visibility = 'visible';
	t.onclick = function () {
	c() === "1" ? localStorage.setItem("c", 0) : localStorage.setItem("c", 1);
	document.body.classList.toggle('light');
	}
	</script>

	</html>