coloooors

webui/src/components/SessionSnapshot.jsx

@@ -5,9 +5,9 @@ export default function SessionSnapshot() {
   const { session } = useSession();
   const payload = useMemo(() => JSON.stringify(session ?? {}, null, 2), [session]);
   return (
-    <div className="rounded-sm bg-[#242a32] p-1 text-xs text-slate-100">
+    <div className="panel-section space-y-0.5 text-xs">
       <p className="text-sm text-slate-400">Session snapshot</p>
-      <pre className="mt-1 h-64 overflow-y-auto bg-black/40 p-1 text-[0.7rem] text-lime-300">{payload}</pre>
+      <pre className="surface h-64 overflow-y-auto font-mono text-[0.7rem] text-lime-300">{payload}</pre>
     </div>
   );
 }