38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
const currentTheme = localStorage.getItem('theme')
|
|
|
|
const darkIcon = document.getElementById('theme-toggle-dark-icon')
|
|
const lightIcon = document.getElementById('theme-toggle-light-icon')
|
|
|
|
if (currentTheme === 'dark') {
|
|
document.documentElement.setAttribute('data-theme', 'forest')
|
|
|
|
if (darkIcon !== null && lightIcon !== null) {
|
|
darkIcon.classList.add('hidden')
|
|
lightIcon.classList.remove('hidden')
|
|
}
|
|
} else {
|
|
document.documentElement.setAttribute('data-theme', 'cupcake')
|
|
|
|
if (darkIcon !== null && lightIcon !== null) {
|
|
darkIcon.classList.remove('hidden')
|
|
lightIcon.classList.add('hidden')
|
|
}
|
|
}
|
|
|
|
|
|
function switchTheme() {
|
|
const theme = localStorage.getItem('theme')
|
|
|
|
if (theme === 'dark') {
|
|
document.documentElement.setAttribute('data-theme', 'cupcake')
|
|
localStorage.setItem('theme', 'light')
|
|
darkIcon.classList.remove('hidden')
|
|
lightIcon.classList.add('hidden')
|
|
} else {
|
|
document.documentElement.setAttribute('data-theme', 'forest')
|
|
localStorage.setItem('theme', 'dark')
|
|
lightIcon.classList.remove('hidden')
|
|
darkIcon.classList.add('hidden')
|
|
}
|
|
}
|