Не работает localStorage на темах светлая и темная

У меня возникла проблема, сделал переключатель тем на темную и светлую, но не сохраняет в localStorage, возможно я что-то не доделал либо не правильно сделал поскольку только изучаю. HTML

<div class="background">

            <h1>Темы</h1>

            <div class="theme-toggler">
                <span>Свелая</span>
                <span class="toggler"></span>
                <span>Тёмная</span>
            </div>

            <h1>Цвет текста</h1>

            <div class="theme-colors">
                <div class="color" style="background:#000"></div>
                <div class="color" style="background:#2980B9"></div>
                <div class="color" style="background:#27AE60"></div>
                <div class="color" style="background:#FFA502"></div>
                <div class="color" style="background:#8E44AD"></div>
                <div class="color" style="background:#FF0033"></div>
                <div class="color" style="background:#FFF"></div>
            </div>
        </div>

JS

let themeToggler = document.querySelector('.theme-toggler');

themeToggler.onclick = () => {
themeToggler.classList.toggle('actived');

if (themeToggler.classList.contains('actived')) {
    document.body.classList.add('actived');
    localStorage.setItem('theme', 'dark')
}else{
    document.body.classList.remove('actived');
    localStorage.setItem('theme', 'light')
}
};

document.querySelectorAll('.theme-colors .color').forEach(color =>{
  color.onclick = () => {
      let background = color.style.background;
    document.querySelector(':root').style.setProperty('--dark', background);
    localStorage.setItem('skin-color', background);
  }
});