Files
descrybe/apps/web/src/app.html
T

57 lines
1.9 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="text-scale" content="scale" />
2026-08-14 00:06:43 +02:00
<link rel="icon" href="/descrybe_logo.png" type="image/png" sizes="any" />
<link rel="shortcut icon" href="/descrybe_logo.png" />
%sveltekit.head%
<!-- App-wide theme FOUC guard: keep in sync with $lib/theme.svelte.ts -->
<script>
(function () {
var THEME_KEY = "descrybe-theme";
var LEGACY_MARKETING = "descrybe-marketing-theme";
var LEGACY_UI = "descrybe-ui-theme";
var DARK_PAINT = "hsl(252 22% 9%)";
var LIGHT_PAINT = "hsl(240 20% 98%)";
var theme = "light";
try {
var stored =
localStorage.getItem(THEME_KEY) ||
localStorage.getItem(LEGACY_MARKETING) ||
localStorage.getItem(LEGACY_UI);
if (stored === "light" || stored === "dark") theme = stored;
} catch (e) {}
window.__THEME__ = theme;
window.__MARKETING_THEME__ = theme;
window.__UI_THEME__ = theme;
var root = document.documentElement;
root.classList.toggle("dark", theme === "dark");
root.dataset.theme = theme;
root.style.colorScheme = theme;
root.style.backgroundColor = theme === "dark" ? DARK_PAINT : LIGHT_PAINT;
function applyShells() {
var ids = ["marketing-shell", "auth-shell", "admin-shell", "app-shell"];
for (var i = 0; i < ids.length; i++) {
var el = document.getElementById(ids[i]);
if (el) el.classList.toggle("dark", theme === "dark");
}
}
applyShells();
var obs = new MutationObserver(function () {
applyShells();
});
obs.observe(document.documentElement, { childList: true, subtree: true });
document.addEventListener("DOMContentLoaded", function () {
applyShells();
obs.disconnect();
});
})();
</script>
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>