21 lines
830 B
JavaScript
21 lines
830 B
JavaScript
// static/js/theme.js
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Create theme toggle button
|
|
const themeToggle = document.createElement('button');
|
|
themeToggle.className = 'theme-toggle';
|
|
themeToggle.innerHTML = '🌓';
|
|
document.body.appendChild(themeToggle);
|
|
|
|
// Theme toggle functionality
|
|
themeToggle.addEventListener('click', function() {
|
|
const currentTheme = document.documentElement.getAttribute('data-theme');
|
|
const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
|
|
document.documentElement.setAttribute('data-theme', newTheme);
|
|
localStorage.setItem('theme', newTheme);
|
|
});
|
|
|
|
// Set initial theme
|
|
const savedTheme = localStorage.getItem('theme') || 'light';
|
|
document.documentElement.setAttribute('data-theme', savedTheme);
|
|
});
|