35 lines
1.0 KiB
JavaScript
35 lines
1.0 KiB
JavaScript
$(document).ready(function() {
|
|
function updateDarkMode() {
|
|
var isChecked = $("#darkModeCheckbox").is(":checked");
|
|
if (isChecked) {
|
|
const body = document.querySelector('body');
|
|
body.style.backgroundColor = '#404040';
|
|
body.style.color = '#f1f1f1';
|
|
|
|
const text = document.querySelector('.footer');
|
|
text.style.backgroundColor = 'grey';
|
|
|
|
const body = document.querySelector('button');
|
|
body.style.backgroundColor = '#13f4f3';
|
|
|
|
} else {
|
|
const body = document.querySelector('body');
|
|
body.style.backgroundColor = '#f1f1f1';
|
|
body.style.color = 'black';
|
|
|
|
const text = document.querySelector('.footer');
|
|
text.style.backgroundColor = '#ddd';
|
|
|
|
const body = document.querySelector('button');
|
|
body.style.backgroundColor = '#4caf50';
|
|
|
|
}
|
|
}
|
|
|
|
$("#darkModeCheckbox").on("change", function() {
|
|
updateDarkMode();
|
|
});
|
|
|
|
updateDarkMode();
|
|
});
|