<script>
  import 'normalize.css';
  import '../app.css';
  import themeDark from 'svelte-highlight/styles/apprentice';
  import themeLight from 'svelte-highlight/styles/atelier-forest-light';
  import Header from '$lib/Header.svelte';

  let theme = `<style>
@media (prefers-color-scheme: light) {
${themeLight.slice(7, -7)}
}
@media (prefers-color-scheme: dark) {
${themeDark.slice(7, -7)}
}
</style>
`;
</script>

<svelte:head>
  {@html theme}
</svelte:head>

<header>
  <Header/>
</header>
<main>
  <slot></slot>
</main>