diff --git a/web/src/index.css b/web/src/index.css
index 4e8f347..082a152 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -557,7 +557,8 @@ th {
 pre {
   white-space: pre-wrap;
   margin: 0;
-  background: #091425;
+  background: #0f172a;
+  color: #e2e8f0;
   border: 1px solid #223651;
   border-radius: 8px;
   padding: 10px;
diff --git a/web/src/pages/NePage.tsx b/web/src/pages/NePage.tsx
index 1ed8194..c5cfb3c 100644
--- a/web/src/pages/NePage.tsx
+++ b/web/src/pages/NePage.tsx
@@ -140,6 +140,14 @@ function connectStatusClass(status: string): string {
   return "pt-list-status--unknown";
 }
 
+function connectPillLevel(status: string): "up" | "down" | "unknown" | "warn" {
+  const s = String(status || "").toLowerCase();
+  if (s === "pass" || s === "ok") return "up";
+  if (s === "fail" || s === "error") return "down";
+  if (s === "testing") return "warn";
+  return "unknown";
+}
+
 export function NePage() {
   const { t } = useI18n();
   const { showOk, showError } = useToast();