mongoku
Version:
[](https://github.com/huggingface/Mongoku/actions/workflows/ci.yml)
40 lines (36 loc) • 1.16 kB
HTML
<html lang="en" class="h-full">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<script>
// Set initial theme early to avoid flash
(function () {
try {
const stored = localStorage.getItem("theme");
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
const theme = stored || "system";
let actualTheme;
if (theme === "system") {
actualTheme = prefersDark ? "dark" : "light";
} else {
actualTheme = theme;
}
document.documentElement.setAttribute("data-theme", actualTheme);
document.documentElement.setAttribute("data-theme-mode", theme);
// Also add/remove dark class for Tailwind
if (actualTheme === "dark") {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
} catch (e) {}
})();
</script>
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>