Дневной и ночной режим темы на JavaScript

<div class="karkas_osnov">
  <div class="kaesevua">
  <input type="checkbox" id="nasukaola">
  </div>

  <p>
Здесь идет ваше описание, которое по умолчанию иоли открытию сайта в светлом формате, где есть функция переключателя не темный оттенок.
  </p>
  </div>

body{
  padding: 30px;
}
.karkas_osnov{

  width: 486px;
  margin: 40px auto;

}
.kaesevua{
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  position: relative;

}
#nasukaola{
  -webkit-appearance: none;
  appearance: none;
  height: 40px;
  width: 75px;
  background-color: #15181f;
  position: absolute;
  right: 0;
  border-radius: 20px;
  outline: none;
  cursor: pointer;
}
#nasukaola:after{
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  top: 5px;
  left: 7px;
  border-radius: 50%;
}

p{
  font-family: "Open Sans",sans-serif;
  line-height: 35px;
  padding: 10px;
  text-align: justify;
  box-shadow: 0 0 20px rgba(0,139,253,0.25);
}
.sicinga_pesamila{
  background-color: #15181f;
  color: #e5e5e5;
}
.sicinga_pesamila #nasukaola{
  background-color: #ffffff;
}
.sicinga_pesamila #nasukaola:after{
  background-color: transparent;
  box-shadow: 10px 10px #15181f;
  top: -4px;
  left: 30px;
}

document.getElementById("nasukaola").addEventListener("click", function(){
  document.getElementsByTagName('body')[0].classList.toggle("sicinga_pesamila");
});