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')
  }
}