| | |
| | | const currentTheme = localStorage.getItem('theme') ?? userPref |
| | | document.documentElement.setAttribute('saved-theme', currentTheme) |
| | | |
| | | window.addEventListener('DOMContentLoaded', () => { |
| | | document.addEventListener("nav", () => { |
| | | const switchTheme = (e: any) => { |
| | | if (e.target.checked) { |
| | | document.documentElement.setAttribute('saved-theme', 'dark') |
| | |
| | | |
| | | // Darkmode toggle |
| | | const toggleSwitch = document.querySelector('#darkmode-toggle') as HTMLInputElement |
| | | toggleSwitch.addEventListener('change', switchTheme, false) |
| | | toggleSwitch.removeEventListener('change', switchTheme) |
| | | toggleSwitch.addEventListener('change', switchTheme) |
| | | if (currentTheme === 'dark') { |
| | | toggleSwitch.checked = true |
| | | } |