---
// Components
import { Tooltips } from 'astro-tooltips'

// User Configuration
if (Astro.cookies.get("Theme").value === "Light") {
    var ThemeScheme = 'light'
} else if (Astro.cookies.get("Theme").value === "Dark") {
    var ThemeScheme = 'dark'
}
---

<head>
    <title>Zarro Search</title>
    <!-- Metadata -->
    <title></title>
    <meta name="description" />
    <!-- Options -->
    <meta charset="UTF-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover" />
    <!-- Favicon -->
    <link rel="apple-touch-icon" href="https://md.sudovanilla.org/images/Union.png" />
    <link rel="icon" href="https://md.sudovanilla.org/images/Union.png" />
    <!-- Fonts -->
    <link rel="preload" href="/fonts/Mona-Sans/Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
    <!-- Tooltip -->
    <Tooltips interactive={false} delay={[15, 1000]} />
</head>
<body class={ThemeScheme}>

<script>
// If First Launch
if (localStorage.getItem('BeenHereBefore') === 'true') {
    null
} else {
    SetDefaults()
}

function SetDefaults() {
    localStorage.setItem('BeenHereBefore', 'true')
    document.cookie = "Theme=Dark";
}
</script>