Using local storage for boolean [duplicate]

I am creating a google extension, and I need to save booleans as a settings feature. The program unable to load the local storage after saving the values.

if ((localStorage.getItem(lightMode) === null) || (localStorage.getItem(compactMode) === null) || (localStorage.getItem(borderMode)) || (localStorage.getItem(temeplatesMode))) {
    console.log("No data found");
    var lightMode = false;
    var compactMode = true;
    var borderMode = false;
    var templatesMode = false;
  } else {
    console.log("Data found!");
    var lightMode = localStorage.getItem(lightMode);
    var compactMode = localStorage.getItem(compactMode);
    var borderMode = localStorage.getItem(borderMode);
    var templatesMode = localStorage.getItem(templatesMode);
  }


const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', save);

function save() {
    localStorage.setItem("lightMode", lightMode);
    localStorage.setItem("compactMode", compactMode);
    localStorage.setItem("borderMode", borderMode);
    localStorage.setItem("templatesMode", templatesMode);
    console.log("lightMode:", localStorage.getItem("lightMode"));
    console.log("compactMode:", localStorage.getItem("compactMode"));
    console.log("borderMode:", localStorage.getItem("borderMode"));
    console.log("templatesMode:", localStorage.getItem("templatesMode"));
    alert("Options Saved!");
}

I tried creating a save function to set my variables in local storage, but I was unable to load the variables. Is there another solution to save my variables in local storage?