34 lines
1.4 KiB
JavaScript
34 lines
1.4 KiB
JavaScript
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');
|
|
|
|
if (body.classList.contains('dark-mode')) {
|
|
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');
|
|
}
|
|
});
|
|
});
|