shenanigans.js

function Script() {
  return (
    <script
      dangerouslySetInnerHTML={{ __html: `(${setCSSVars.toString()})()` }}
    />
  )
}

function setCSSVars() {
  const theme = localStorage.getItem('kyleshevlin:theme') || 'light'
  const themes = {
    light: ['--color-background="#fff"'],
    dark: ['--color-background="#000"'],
  }

  const html = document.documentElement
  html.setAttribute('style', themes[theme].join(';'))
}