35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const themeToggle = document.getElementById('theme-toggle');
|
|
const sidebarToggle = document.getElementById('sidebar-toggle');
|
|
const sidebar = document.querySelector('.sidebar');
|
|
const mainContent = document.querySelector('.main-content');
|
|
const currentTheme = localStorage.getItem('theme');
|
|
|
|
if (currentTheme) {
|
|
document.body.classList.add(currentTheme);
|
|
if (currentTheme === 'dark-mode') {
|
|
themeToggle.checked = true;
|
|
}
|
|
}
|
|
|
|
themeToggle.addEventListener('change', function () {
|
|
if (this.checked) {
|
|
document.body.classList.remove('light-mode');
|
|
document.body.classList.add('dark-mode');
|
|
localStorage.setItem('theme', 'dark-mode');
|
|
} else {
|
|
document.body.classList.remove('dark-mode');
|
|
document.body.classList.add('light-mode');
|
|
localStorage.setItem('theme', 'light-mode');
|
|
}
|
|
});
|
|
|
|
sidebarToggle.addEventListener('click', function () {
|
|
sidebar.classList.toggle('collapsed');
|
|
// Adjust main content margin only if not on mobile
|
|
if (window.innerWidth > 768) {
|
|
mainContent.classList.toggle('expanded');
|
|
}
|
|
});
|
|
});
|