Files
quectel-rgmii-toolkit/ipk-source/sdxpinn-quecmanager/root/www/js/styles/toggle-theme.js
iamromulan a37177a3af Build sdxpinn-quecmanger ipk
-Removed no longer needed files
-Created ipk for quecmanager

-Thank you @dr-dolomite for your hard work on this!

Co-Authored-By: Russel Yasol <73575327+dr-dolomite@users.noreply.github.com>
2024-10-05 21:20:05 -04:00

28 lines
1.0 KiB
JavaScript

// toggle-theme.js
document.addEventListener('DOMContentLoaded', function () {
const themeToggleButton = document.querySelector('.js-theme-toggle');
const htmlElement = document.documentElement;
const icon = themeToggleButton.querySelector('.icon i');
// Toggle theme on button click
themeToggleButton.addEventListener('click', function () {
if (htmlElement.classList.contains('theme-dark')) {
htmlElement.classList.remove('theme-dark');
htmlElement.classList.add('theme-light');
localStorage.setItem('theme', 'theme-light');
// Change icon to moon (light mode)
icon.classList.remove('fa-sun');
icon.classList.add('fa-moon');
} else {
htmlElement.classList.remove('theme-light');
htmlElement.classList.add('theme-dark');
localStorage.setItem('theme', 'theme-dark');
// Change icon to sun (dark mode)
icon.classList.remove('fa-moon');
icon.classList.add('fa-sun');
}
});
});