You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/sites/svelte.dev/src/app.html

46 lines
1.2 KiB

<!DOCTYPE html>
<html lang="en" class="theme-default typo-default">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="theme-color" content="#ff3e00" />
<link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="twitter:site" content="@sveltejs" />
<meta name="twitter:creator" content="@sveltejs" />
<!-- add inline style and blocking script to prevent content flash/jump -->
<style>
.ts-version {
display: none;
}
.prefers-ts .js-version {
display: none;
}
.prefers-ts .ts-version {
display: block;
}
.no-js .ts-toggle {
display: none;
}
</style>
%sveltekit.head%
</head>
<body data-sveltekit-preload-code="hover">
<script>
const themeValue = JSON.parse(localStorage.getItem('svelte:theme'))?.current;
const systemPreferredTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light';
document.body.classList.remove('light', 'dark');
document.body.classList.add(themeValue ?? systemPreferredTheme);
</script>
<div style="height: 100%">%sveltekit.body%</div>
</body>
</html>