Theme.js

// const themebtn = document.getElementById("toggle");

// themebtn.onclick = () => {
//   document.body.classList.toggle("dark-theme");

//   if (document.body.classList.contains("dark-theme")) {
//     themebtn.innerHTML = '<i class="fa fa-sun-o" aria-hidden="true"></i>';
//     console.log("Dark theme");
//   } else {
//     themebtn.innerHTML = '<i class="fa fa-moon-o" aria-hidden="true"></i>';
//     console.log("Light theme");
//   }
// };


const themeToggle = document.getElementById("themeToggle");
const themeLabel = document.querySelector(".toggle-label");

themeToggle.addEventListener("change", () => {
  document.body.classList.toggle("dark-theme");

  if (document.body.classList.contains("dark-theme")) {
    themeLabel.style.background = "#fff"; // Adjust color for the checked state as needed
    console.log("Dark theme");
    document.body.classList.remove("dark-theme");
    document.body.classList.add("light-theme");
  } else {
    themeLabel.style.background = "var(--primary-color)"; // Adjust color for the unchecked state as needed
    console.log("Light theme");
    document.body.classList.remove("light-theme");
    document.body.classList.add("dark-theme");
  }
});