Initial commit

frontend/index.html

@@ -0,0 +1,36 @@
+<!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>
+  </head>
+  <body>
+    <div id="root"></div>
+    <div id="dev-errors"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>