20 lines
763 B
PHP
20 lines
763 B
PHP
<input type="checkbox" id="checkbox" class="darkbutton">Dark Mode</input>
|
|
<script>
|
|
const checkbox = document.getElementById("checkbox");
|
|
const preference = localStorage.getItem('theme');
|
|
if (preference == "dark") {
|
|
document.documentElement.setAttribute('data-theme', preference);
|
|
checkbox.checked = true;
|
|
}
|
|
function darkmode() {
|
|
if (checkbox.checked == true) {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
localStorage.setItem('theme', 'dark');
|
|
}
|
|
else {
|
|
document.documentElement.setAttribute('data-theme', 'light');
|
|
localStorage.setItem('theme', 'light');
|
|
}
|
|
}
|
|
checkbox.addEventListener('change', darkmode, false);
|
|
</script> |