localstorageを使って、テーマカラーを取得しテーマカラーを保存しておく方法

ボタンをクリックすることで、styleSheetを変更し、テーマカラー(背景色)を変えるように設定しました。

ここまでの設定はできたのですが、
localStorageを使って、変更したテーマカラー保存した状態にしたいのですが、
localStorageをどのように設定したらよいのかがわかりません。。

localStorageを使用するのが初めてで、
保存するときは、localStorage.setItem('Key', '保存する値');などの情報があるのですが、
これをどう扱っていけばよいのかがわかりません。。

情報に不足部分があるかもしれませんが、ご教授いただけますと大変助かります。

//テーマカラーの切り替え
function setHref($href) {
  var $elementReference = document.getElementById("s_theme");
  $elementReference.href = $href;
}

 <link rel="stylesheet" href="normalmode.css" id="s_theme">
  
  <ul>
    <li>
      <button onclick="setHref('normalmode.css');" class="normalmode"></button>
    </li>
    <li>
      <button onclick="setHref('darkmode.css');" class="darkmode"></button>
    </li>
    <li>
      <button onclick="setHref('lightmode.css');" class="lightmode"></button>
    </li>
  </ul>