Merge ticket/025-popout-tabs-dont-apply-theme

webapp/src/App.tsx

@@ -19,6 +19,7 @@ import {
   type TimelineBucket,
 } from './lib/api'
 import { DocsNavProvider } from './lib/docsNav'
+import { useSettingsPanel } from './lib/useSettingsPanel'
 
 const POLL_MS = 2000
 
@@ -113,7 +114,12 @@ function parsePopOutQuery(): { section: PopOutSectionId | null; range: TimeRange
   return { section, range }
 }
 
+// Popped-out routes render outside NavMenu, which is otherwise the only place that calls `useSettingsPanel()` and applies the
+// colour scheme / custom theme CSS as a side effect. Calling it here (state unused) keeps standalone tabs themed the same as
+// the main window, including staying live if settings change while the tab is open.
 function StandalonePage({ children }: { children: ReactNode }) {
+  useSettingsPanel()
+
   return (
     <DocsNavProvider>
       <div className="h-screen w-screen overflow-auto">{children}</div>