jquery - ボタン付きのナイトモードとデイモードのjquery

Question

HTMLページのデイモードとナイトモードに2つのボタンを追加したいのですが、デイモードが押されたときの結果は、白い背景に黒いテキストが表示され、夜間モードでは暗い背景に白いテキストが表示されるはずです。誰か助けてくれませんか

function dark() {
  $("#dark").click(function() {
    $('body').addClass('night');
    $('div').addClass('night');
    $('li').addClass('night');
  });
};

function day() {
  $("#day").click(function() {
    $('body').removeClass('night');
    $('div').removeClass('night');
    $('li').removeClass('night');
  });
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="day" onclick="day();">Day Mode</button>
<button id="dark" onclick="dark();">Night Mode</button>