let systemInitiatedDark = window.matchMedia(“(prefers-color-scheme: dark)”); let theme = sessionStorage.getItem('theme');

if (systemInitiatedDark.matches) {

document.getElementById("theme-toggle").classList.add('dark');
document.getElementById("theme-toggle").classList.remove('light');

} else {

document.getElementById("theme-toggle").classList.add('light');
document.getElementById("theme-toggle").classList.remove('dark');

}

function prefersColorTest(systemInitiatedDark) {

if (systemInitiatedDark.matches) {
  document.documentElement.setAttribute('data-theme', 'dark');
  document.getElementById("theme-toggle").classList.add('light');
  document.getElementById("theme-toggle").classList.remove('dark');
      sessionStorage.setItem('theme', '');
} else {
  document.documentElement.setAttribute('data-theme', 'light');
  document.getElementById("theme-toggle").classList.add('dark');
  document.getElementById("theme-toggle").classList.remove('light');
  sessionStorage.setItem('theme', '');
}

} systemInitiatedDark.addListener(prefersColorTest);

function modeSwitcher() {

let theme = sessionStorage.getItem('theme');
if (theme === "dark") {
  document.getElementById("theme-toggle").classList.add('light');
  document.getElementById("theme-toggle").classList.remove('dark');
  document.documentElement.setAttribute('data-theme', 'light');
  sessionStorage.setItem('theme', 'light');
      }       else if (theme === "light") {
  document.getElementById("theme-toggle").classList.add('dark');
  document.getElementById("theme-toggle").classList.remove('light');
              document.documentElement.setAttribute('data-theme', 'dark');
              sessionStorage.setItem('theme', 'dark');
} else if (systemInitiatedDark.matches) {
  document.getElementById("theme-toggle").classList.add('dark');
  document.getElementById("theme-toggle").classList.remove('light');
              document.documentElement.setAttribute('data-theme', 'light');
              sessionStorage.setItem('theme', 'light');
      } else {
  document.getElementById("theme-toggle").classList.add('dark');
  document.getElementById("theme-toggle").classList.remove('light');
              document.documentElement.setAttribute('data-theme', 'dark');
              sessionStorage.setItem('theme', 'dark');
      }

}

if (theme === “dark”) {

document.getElementById("theme-toggle").classList.add('dark');
document.getElementById("theme-toggle").classList.remove('light');
document.documentElement.setAttribute('data-theme', 'dark');
sessionStorage.setItem('theme', 'dark');
      // document.getElementById("theme-toggle").innerHTML = sun;

} else if (theme === “light”) {

document.getElementById("theme-toggle").classList.add('light');
document.getElementById("theme-toggle").classList.remove('dark');
document.documentElement.setAttribute('data-theme', 'light');
sessionStorage.setItem('theme', 'light');

}