feat(ui): inject flame/mist CSS vars into shadow root at mount

Author: Ripwords

packages/ui/src/mount.ts

@@ -5,6 +5,7 @@ import { Launcher } from "./launcher"
 import { Reporter, type ReporterSubmitResult } from "./reporter"
 import { createShadowHost, injectStyles, unmountShadowHost } from "./shadow"
 import cssText from "./styles-inline"
+import { themeToCssVars } from "./wizard/theme-css"
 
 export interface MountOptions {
   config: {
@@ -97,6 +98,7 @@ export function mount(opts: MountOptions) {
   _onOpen = opts.onOpen
   _onClose = opts.onClose
   _root = createShadowHost()
+  injectStyles(_root, themeToCssVars())
   injectStyles(_root, cssText)
   _container = document.createElement("div")
   _root.appendChild(_container)