style: use a constant dark background for the In-Flight Monitor key

src/lib/render.ts

@@ -26,7 +26,7 @@ export function renderInflight(opts: InflightRenderOptions): string {
   const name = escapeXml(shorten(opts.modelName));
 
   if (opts.offline) {
-    return frame("#3a3a3a", [
+    return frame("#10131a", [
       centerText("!!", 34, 20, "bold", "#e0e0e0"),
       centerText("OFFLINE", 52, 9, "normal", "#bdbdbd"),
       centerText(name, 64, 7, "normal", "#ffffff"),
@@ -34,18 +34,17 @@ export function renderInflight(opts: InflightRenderOptions): string {
   }
 
   if (opts.modelName === "unset") {
-    return frame("#222222", [
+    return frame("#10131a", [
       centerText("?", 36, 16, "bold", "#888888"),
       centerText("NO MODEL", 54, 8, "normal", "#666666"),
     ]);
   }
 
   if (!opts.state) {
-    return frame("#222222", [centerText("…", 36, 16, "bold", "#999999"), centerText(name, 60, 7, "normal", "#999999")]);
+    return frame("#10131a", [centerText("…", 36, 16, "bold", "#999999"), centerText(name, 60, 7, "normal", "#999999")]);
   }
 
   const isActive = opts.state === "ready" && opts.count > 0;
-  const bg = opts.state === "ready" ? (isActive ? "#8b2626" : "#1e6b34") : opts.state === "loading" ? "#8a6d1d" : "#3a3a3a";
   const center = isActive ? `${opts.count}` : opts.state === "ready" ? "IDLE" : opts.state === "loading" ? "LOADING" : "OFF";
   const centerSize = isActive ? 24 : 16;
 
@@ -64,7 +63,7 @@ export function renderInflight(opts: InflightRenderOptions): string {
     }
   }
 
-  return frame(bg, parts);
+  return frame("#10131a", parts);
 }
 
 export interface GpuGraphRenderOptions {