31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
console.log('BetPredict Pro loaded');
|
|
|
|
const themeToggler = document.getElementById('theme-toggler');
|
|
const htmlElement = document.documentElement;
|
|
const sunIcon = 'bi-sun-fill';
|
|
const moonIcon = 'bi-moon-fill';
|
|
|
|
const savedTheme = localStorage.getItem('theme') || 'light';
|
|
htmlElement.setAttribute('data-bs-theme', savedTheme);
|
|
updateIcon(savedTheme);
|
|
|
|
themeToggler.addEventListener('click', () => {
|
|
const currentTheme = htmlElement.getAttribute('data-bs-theme');
|
|
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
|
|
htmlElement.setAttribute('data-bs-theme', newTheme);
|
|
localStorage.setItem('theme', newTheme);
|
|
updateIcon(newTheme);
|
|
});
|
|
|
|
function updateIcon(theme) {
|
|
const icon = themeToggler.querySelector('i');
|
|
if (theme === 'light') {
|
|
icon.classList.remove(moonIcon);
|
|
icon.classList.add(sunIcon);
|
|
} else {
|
|
icon.classList.remove(sunIcon);
|
|
icon.classList.add(moonIcon);
|
|
}
|
|
}
|
|
}); |