Dark 모드 실행이 안됩니다

아래와 같이 입력했는데 다크 및 라이트 모드 실행이 안되는데 잘못된 곳이 어디인가요?
<nav class="navbar navbar-light bg-light">
    <div class="container-fluid">
      <span class="navbar-brand">Navbar</span>
      <span class="badge bg-dark">Dark 🔄</span>
      <button class="navbar-toggler" type="button">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </nav>
  <script>
var count = 0;
$('.badge').on('click',function () {
    count++;
   if (count % 2 == 1) {
    $('.badge').html('Light🔄')
   } else {
    $('.badge').html('Dark🔄')
   }
})