window.addEventListener('load', () => {
  console.log('load');
  document.querySelectorAll('button[data-theme]').forEach((elt) => {
    elt.addEventListener('click', (e) => {
      e.preventDefault();
      const theme = e.target.getAttribute('data-theme');
      document.body.setAttribute("data-theme", theme);
      document.cookie = "sbs_theme="+theme+";";
    });
  });

  document.querySelectorAll('button[data-font]').forEach((elt) => {
    console.log(elt);
    elt.addEventListener('click', (e) => {
      e.preventDefault();
      console.log('hi');
      const font = e.target.getAttribute('data-font');
      document.body.setAttribute("data-font", font);
      document.cookie = "sbs_font="+font+";";
    });
  });
});