Темный режим Java-скрипта

Question

Я написал в некотором Javascript, чтобы сделать веб-сайт «темным режимом», проблема в том, что сайт имеет несколько страниц, и я использовал очень простую логику для переключения «темной темы», и когда я выполняю функцию «по щелчку», а затем оставляю на текущей странице он возвращается к «светлой теме», если я снова не нажму на переключатель. Есть ли у кого-нибудь лучшее решение для этого, чтобы «темная тема» оставалась активной на всех страницах, пока не будет указано иное, нажав на переключатель? Я разместил свой код ниже.

var icon= document.getElementById("icon");

          icon.onclick = function(){
      document.body.classList.toggle("dark-theme");
      if(document.body.classList.contains("dark-theme")){
        icon.src = "images/sun.png";
        left1.src= "images/left-white.png";
        left2.src= "images/left-white.png";
        left3.src= "images/left-white.png";
        right1.src= "images/right-white.png";
        right2.src= "images/right-white.png";
        right3.src= "images/right-white.png";
        scroll_up.src= "images/scroll-dark.png";

      }else{
        icon.src = "images/moon.png";
        left1.src= "images/left.png";
        left2.src= "images/left.png";
        left3.src= "images/left.png";
        right1.src= "images/right.png";
        right2.src= "images/right.png";
        right3.src= "images/right.png";
        scroll_up.src= "images/scroll-light.png";
      }
    };

const scrollBtn = document.getElementById("scroll_up")

      scrollBtn.addEventListener("click", () => {
    document.documentElement.scrollTop= 0;
});