布爾值未正確保存在sessionStorage中

我使用布爾值darkmode來存儲用戶是否啟用了暗模式。您可以單擊一個按鈕來啟用它，它運行dark()函數。在每個新頁面上，我運行if/else來檢查它是否處于打開狀態，并將暗模式類應用于文檔。下面是函數的代碼：

function dark() {
          var element = document.getElementById('document');
          element.classList.toggle("dark");
          darkmode = !darkmode;
          sessionStorage.setItem('darkmode', darkmode)
 }

對于if/else語句：

var darkmode = Boolean(sessionStorage.getItem('darkmode'));

if (darkmode == true) {
         document.getElementById('document').classList.add("dark");
}else if (darkmode == false){
         document.getElementById('document').classList.remove("dark");
}

對于CSS類：

.dark,
.dark * {
     background-color: #222;
     color: #e6e6e6;
     border-color: #e6e6e6;
}

以下是“開/關”按鈕的HTML：

<i onclick="dark()"class="fas fa-moon"></i>

有人能幫忙嗎？我很抱歉，如果我包括不相關的信息。

編輯：問題是，當我進入一個新的頁面上的光模式，暗模式是啟用。