Смена цвета фона js html css

Знаю что проблема в js, ид и класы на другие елементы прописаны, работало при первом клике но щас пробую туда обратно сделать и перестало работать. Принцип работы - при нажатие на кнопку, меняется тема сайта на черную и на белую при следующем клике. Не знаю, в чем ошибка, код кривой, знаю что много не правильно но я попытался, я новенький в этом, сильно не злитесь на меня)

js

let darkThem = false;
var colorArray = ["#0DC2FF", "#007DE8", "#0E5DFF", "#0C28EB", "#1600FF"];
var i = 0;

function ChangeThem() {

    if (darkThem)
        LightMode();
    else
        DarkMode();
}

function LightMode(){
    document.body.style.backgroundImage = "url('img/darkMode1.jpg')";
    document.querySelector('#main').style.background  = "black";
    i++;
    if( i >= colorArray.length) {
        i = 0;
    }

    let changeThemButton = document.getElementById("darkThemeButton").style;
    changeThemButton.background = "#86B4FFFF";
    // changeThemButton.float = "right";

    darkThem = true;
}

function DarkMode(){
    document.body.style.background  = "grey";
    document.querySelector('#main').style.background  = "white";
    i++;
    if( i >= colorArray.length) {
        i = 0;
    }

    let changeThemButton = document.getElementById("darkThemeButton").style;
    changeThemButton.background = "#white";
    // changeThemButton.float = "right";

    darkThem = true;
}

html

<button id="darkThemeButton" onclick="ChangeThem(event)">
           MODE
</button>