8acc0e6cc2
The favicon link pointed at a non-existent favicon.ico. Ship the monogram SVGs from static/ and wire two theme-aware <link rel="icon"> tags so the tab icon follows the browser color scheme: the dark-M "light" monogram on light chrome, the white-M "dark" monogram on dark. Bump 0.93.10 -> 0.94.0 (feat). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link
|
|
rel="icon"
|
|
href="%sveltekit.assets%/mangalord-monogram-light.svg"
|
|
media="(prefers-color-scheme: light)"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
href="%sveltekit.assets%/mangalord-monogram-dark.svg"
|
|
media="(prefers-color-scheme: dark)"
|
|
/>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, viewport-fit=cover"
|
|
/>
|
|
<title>Mangalord</title>
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var stored = localStorage.getItem('mangalord-theme');
|
|
var pref =
|
|
stored === 'light' || stored === 'dark'
|
|
? stored
|
|
: window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
? 'dark'
|
|
: 'light';
|
|
document.documentElement.setAttribute('data-theme', pref);
|
|
} catch (_) {
|
|
document.documentElement.setAttribute('data-theme', 'light');
|
|
}
|
|
})();
|
|
</script>
|
|
%sveltekit.head%
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|