38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="color-scheme" content="dark light" />
|
|
<title>Northstar Design System</title>
|
|
<script>
|
|
/* Pre-paint theme: apply the saved (or OS-preferred) theme before any
|
|
CSS paints so there is no dark→light flash. Keep in sync with
|
|
applyTheme() in src/components/Topbar.tsx. */
|
|
(function () {
|
|
try {
|
|
var saved = localStorage.getItem('ns-theme')
|
|
var theme =
|
|
saved === 'light' || saved === 'dark'
|
|
? saved
|
|
: window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches
|
|
? 'light'
|
|
: 'dark'
|
|
var root = document.documentElement
|
|
root.setAttribute('data-theme', theme)
|
|
root.classList.add(theme)
|
|
} catch (e) {
|
|
/* localStorage unavailable — tokens.css defaults to dark */
|
|
}
|
|
})()
|
|
</script>
|
|
<script type="module" crossorigin src="/assets/index-C60Osx-j.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/assets/index-B4mWbae6.css">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<div id="dev-errors"></div>
|
|
</body>
|
|
</html>
|