35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="de" data-theme="light" data-theme-preference="system">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#f4f1eb" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="Sendewerk" />
|
|
<link rel="manifest" href="%sveltekit.assets%/manifest.webmanifest" />
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var stored = localStorage.getItem('sendewerk-theme');
|
|
var preference = ['light', 'dark', 'system'].includes(stored) ? stored : 'system';
|
|
var theme =
|
|
preference === 'system'
|
|
? matchMedia('(prefers-color-scheme: dark)').matches
|
|
? 'dark'
|
|
: 'light'
|
|
: preference;
|
|
document.documentElement.dataset.theme = theme;
|
|
document.documentElement.dataset.themePreference = preference;
|
|
} catch (error) {
|
|
console.warn('Theme preference could not be restored.', error);
|
|
}
|
|
})();
|
|
</script>
|
|
%sveltekit.head%
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|