Saturn/saturn.gay
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

theme to localstorage + toggles on all pages

Browse Source
This commit is contained in:
aze
2025-09-05 21:53:54 +02:00
parent 8043d4f4d1
commit 149bbe7167
3 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/js/darkmode.js
View File

@@ -2,6 +2,19 @@ document.addEventListener('DOMContentLoaded', () => {
const toggleText = document.getElementById('themeToggleText');
const body = document.body;
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
body.classList.add('dark-mode');
document.documentElement.style.setProperty('--bg-color', '#000');
document.documentElement.style.setProperty('--text-color', '#fff');
toggleText.textContent = 'LIGHT';
} else {
body.classList.remove('dark-mode');
document.documentElement.style.setProperty('--bg-color', '#fff');
document.documentElement.style.setProperty('--text-color', '#000');
toggleText.textContent = 'DARK';
}
toggleText.addEventListener('click', () => {
body.classList.toggle('dark-mode');
@@ -9,10 +22,12 @@ document.addEventListener('DOMContentLoaded', () => {
document.documentElement.style.setProperty('--bg-color', '#000');
document.documentElement.style.setProperty('--text-color', '#fff');
toggleText.textContent = 'LIGHT';
localStorage.setItem('theme', 'dark');
} else {
document.documentElement.style.setProperty('--bg-color', '#fff');
document.documentElement.style.setProperty('--text-color', '#000');
toggleText.textContent = 'DARK';
localStorage.setItem('theme', 'light');
}
});
});