Eu consegui fazer um código que altera a cor da minha navbar com HTML e JavaScript, porém quando a pessoa atualiza a página a cor da navbar volta a normal, como eu posso utilizar o localStorage para salvar esse dado, até o usuário trocar novamente a cor da navbar? Segue o código do botão que eu criei:
<div class="container p-4">
<h1>Selecione uma cor:</h1>
<button type="button" name="button" class="btn btn-primary col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'blue'">Azul</button>
<button type="button" name="button" class="btn btn-success col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'green'">Verde</button>
<button type="button" name="button" class="btn btn-dark col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'black'">Preto</button>
<button type="button" name="button" class="btn btn-warning col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'orange'">Laranja</button>
<button type="button" name="button" class="btn btn-secondary col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'grey'">Cinza</button>
<button type="button" name="button" class="btn btn-danger col-sm-4 col-md-4 col-lg-4 pt-4 mt-4" onclick="document.getElementById('navbar').style.background = 'red'">Vermelho</button>
</div>
A minha dúvida é, como eu salvo esses dados do button com o localStorage e como eu carrego esses dados do localStorage no meu sistema?