dark mode

   var count = 0;

      document
        .getElementsByClassName("badge")[0]
        .addEventListener("click", function () {
          count++;

          if (count % 2 == 1) {
            $(".badge").text("Light 🔄");
            document.querySelector("dark")[0].classList.add("dark");
          } else {
            $(".badge").text("Dark 🔄");
            document.getElementsByClassName("dark")[0].classList.remove("dark");
          }
        });
    </script> 
이런 식으로 코드를 짰는데 다크모드로 색상 적용이 한번밖에 적용이 안되는데 어떻게 해야 하나요?
classList.toggle("dark")를 해도 마찬가지입니다.