Folo/apps/server/index.html

58 lines
1.7 KiB
HTML

<!doctype html>
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8" />
<meta name="referrer" content="no-referrer" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<!-- FireFox -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<title>Follow</title>
<link rel="manifest" href="/manifest.json" />
<script>
function setTheme() {
let e = "follow:color-mode",
t = document.documentElement,
a = localStorage.getItem(e)
function h() {
return window.matchMedia
? window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: window.matchMedia("(prefers-color-scheme: light)").matches
? "light"
: void 0
: void 0
}
if (!a) {
t.dataset.theme = h() || "light"
return
}
switch ((a = JSON.parse(a))) {
case "dark":
t.dataset.theme = "dark"
break
case "light":
t.dataset.theme = "light"
break
case "system":
t.dataset.theme = h() || "light"
}
}
setTheme()
</script>
</head>
<body class="flex h-full flex-col">
<div id="root" class="flex h-full flex-col"></div>
</body>
<script type="module" src="/client/index.tsx"></script>
</html>