guidebook/src/routes/__layout.svelte

28 lines
524 B
Svelte

<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>