dark mode, concise message

demo/health.py

@@ -45,7 +45,7 @@ def _version_at_least(raw: str, expected: tuple[int, ...]) -> bool:
 
 
 def _check_deno() -> ToolStatus:
-    label = "🦕 Deno"
+    label = "Deno"
     binary = shutil.which("deno")
     if not binary:
         return ToolStatus(label, False, "`deno` command not found on PATH")
@@ -72,7 +72,7 @@ def _check_deno() -> ToolStatus:
 
 
 def _check_yt_dlp_python() -> ToolStatus:
-    label = "📼 yt-dlp Python"
+    label = "yt-dlp"
     try:
         import yt_dlp
         from yt_dlp import YoutubeDL
@@ -91,8 +91,9 @@ def _check_yt_dlp_python() -> ToolStatus:
         return ToolStatus(label, False, f"Detected {version_str}; require ≥ {minimum}")
 
     has_ejs = importlib.util.find_spec("yt_dlp_ejs") is not None
-    addon_note = "yt_dlp_ejs ready" if has_ejs else "yt_dlp_ejs missing (JS sites will fail)"
-    return ToolStatus(label, has_ejs, f"v{version_str} import OK — {addon_note}")
+    if has_ejs:
+        return ToolStatus(label, True, f"v{version_str}")
+    return ToolStatus(label, False, "yt_dlp_ejs missing (JS sites will fail)")
 
 
 def run_health_report() -> HealthReport:
@@ -112,24 +113,15 @@ def _sanitize(text: str) -> str:
 
 def render_health_notice() -> str:
     report = run_health_report()
-    if report.ok:
-        bg = "#dcfce7"
-        border = "#86efac"
-        text_color = "#14532d"
-        icon = "✅"
-    else:
-        bg = "#fee2e2"
-        border = "#fecaca"
-        text_color = "#7f1d1d"
-        icon = "🧯"
+    state_class, icon = ("health-success", "✅") if report.ok else ("health-fail", "🧯")
     bullet_rows = "".join(
-        f"<li>{_sanitize(status.label)}: "
-        f"<strong>{'Ready' if status.ok else 'Needs attention'}</strong> — "
-        f"{_sanitize(status.detail)}</li>"
+        f"<li>{'✅' if status.ok else '❌'} {_sanitize(status.label)}: "
+        f"<strong>{'Ready' if status.ok else 'Needs attention'}</strong>"
+        f"{'' if not status.detail else ' — ' + _sanitize(status.detail)}</li>"
         for status in report.tools
     )
     return (
-        f"<div class='health-box' style='background:{bg};border-color:{border};color:{text_color};'>"
+        f"<div class='health-box {state_class}'>"
         f"<div class='health-head'>{icon} {_sanitize(report.summary)}</div>"
         f"<ul>{bullet_rows}</ul>"
         "</div>"

demo/layout.py

@@ -18,6 +18,16 @@ CELL_CSS = """
     padding: 18px;
     border: 1px solid transparent;
 }
+.health-success {
+    background: #dcfce7;
+    border-color: #86efac;
+    color: #14532d;
+}
+.health-fail {
+    background: #fee2e2;
+    border-color: #fecaca;
+    color: #7f1d1d;
+}
 .health-box ul {
     margin: 12px 0 0;
     padding-left: 22px;
@@ -34,6 +44,16 @@ CELL_CSS = """
     .cell-wrapper {
         border-color: rgba(255, 255, 255, 0.45);
     }
+    .health-success {
+        background: rgba(74, 222, 128, 0.12);
+        border-color: rgba(74, 222, 128, 0.55);
+        color: #ecfdf3;
+    }
+    .health-fail {
+        background: rgba(248, 113, 113, 0.12);
+        border-color: rgba(248, 113, 113, 0.6);
+        color: #fee2e2;
+    }
     .health-placeholder {
         background: rgba(148, 163, 184, 0.15) !important;
         border-color: rgba(148, 163, 184, 0.4) !important;