EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

readded darkmode.js

Browse Source
This commit is contained in:
css pro 2024-11-06 10:47:38 -08:00 committed by GitHub
parent a50e20d339
commit a2a9647ee6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 61 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
js/darkmode.js Normal file
View File

@ -0,0 +1,61 @@
$(document).ready(function() {
function updateDarkMode() {
var isChecked = $("#darkModeCheckbox").is(":checked");
if (isChecked) {
const body = document.querySelector('body');
body.style.backgroundColor = '#141414';
body.style.color = '#f1f1f1';
const paragraphs = document.querySelectorAll('p');
paragraphs.forEach(function(p) {
p.style.color = '#f1f1f1';
});
const headTwo = document.querySelector('h2');
headTwo.style.color = '#f1f1f1';
const head = document.querySelector('h1');
head.style.color = '#f1f1f1';
const foot = document.querySelector('.footer');
foot.style.backgroundColor = '#010101';
const gitBtn = document.querySelector('.source-btn');
gitBtn.style.backgroundColor = '#ff6847';
const buttons = document.querySelectorAll('button');
buttons.forEach(function(button) {
button.style.backgroundColor = '#30d3d2';
});
const versionTexts = document.querySelectorAll('.version-text');
versionTexts.forEach(function(vt) {
vt.style.color = '#f1f1f1';
});
} else {
const body = document.querySelector('body');
body.style.backgroundColor = '#f1f1f1';
body.style.color = 'black';
const paragraphs = document.querySelectorAll('p');
paragraphs.forEach(function(p) {
p.style.color = 'black';
});
const headTwo = document.querySelector('h2');
headTwo.style.color = 'black';
const head = document.querySelector('h1');
head.style.color = 'black';
const foot = document.querySelector('.footer');
foot.style.backgroundColor = '#ddd';
const gitBtn = document.querySelector('.source-btn');
gitBtn.style.backgroundColor = '#333333';
const buttons = document.querySelectorAll('button');
buttons.forEach(function(button) {
button.style.backgroundColor = '#4caf50';
});
const versionTexts = document.querySelectorAll('.version-text');
versionTexts.forEach(function(vt) {
vt.style.color = 'black';
});
}
}
$("#darkModeCheckbox").on("change", function() {
updateDarkMode();
});
updateDarkMode();
});