redesgin

otel-ui/index.html

@@ -11,6 +11,23 @@
       href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
       rel="stylesheet"
     />
+    <!-- Stackship design-spec typefaces: Bricolage Grotesque for headings and
+         metric numbers, Instrument Sans for UI text, IBM Plex Mono for
+         anything a person would copy or grep. -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap"
+      rel="stylesheet"
+    />
+    <script>
+      // Applied synchronously, before first paint, so the redesigned screens
+      // (icon rail, top bar, filter bar, triage overview) don't flash the
+      // wrong theme. Screens still on the legacy palette ignore this
+      // attribute entirely - they have no light variant yet.
+      try {
+        var storedTheme = localStorage.getItem("otel.ui.theme");
+        if (storedTheme === "light") document.documentElement.dataset.theme = "light";
+      } catch (e) {}
+    </script>
   </head>
   <body class="bg-background text-on-surface min-h-screen antialiased">
     <div id="root"></div>