29 lines
1.0 KiB
JavaScript
29 lines
1.0 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const themeToggle = document.querySelector('.theme-toggle');
|
|
|
|
if (themeToggle) {
|
|
const body = document.body;
|
|
const icon = themeToggle.querySelector('i');
|
|
|
|
const currentTheme = localStorage.getItem('theme');
|
|
if (currentTheme === 'dark') {
|
|
body.classList.add('dark-mode');
|
|
icon.classList.remove('bi-moon-fill');
|
|
icon.classList.add('bi-sun-fill');
|
|
}
|
|
|
|
themeToggle.addEventListener('click', () => {
|
|
body.classList.toggle('dark-mode');
|
|
|
|
if (body.classList.contains('dark-mode')) {
|
|
localStorage.setItem('theme', 'dark');
|
|
icon.classList.remove('bi-moon-fill');
|
|
icon.classList.add('bi-sun-fill');
|
|
} else {
|
|
localStorage.setItem('theme', 'light');
|
|
icon.classList.remove('bi-sun-fill');
|
|
icon.classList.add('bi-moon-fill');
|
|
}
|
|
});
|
|
}
|
|
}); |