BaseHead.astro

---
import '../styles/global.css';
---
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap"
  rel="stylesheet"
/>
<link rel="icon" type="image/x-icon" href="/favicon-96.png" />
{
  // @ts-ignore
import.meta.env.PROD && (
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-DJRQC2FR73"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-DJRQC2FR73');
  </script>
)}
<script is:inline>
  if (
    localStorage.theme === 'dark' ||
    (!('theme' in localStorage) &&
      window.matchMedia('(prefers-color-scheme: dark)').matches)
  ) {
    document.documentElement.classList.add('dark');
  } else {
    document.documentElement.classList.remove('dark');
  }
</script>