diff --git a/web/src/index.css b/web/src/index.css
index 243af4a..916e1ec 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -6530,8 +6530,9 @@ pre {
   gap: 8px;
   max-height: none;
   padding: 10px 12px;
-  background: #f8fafc;
-  border-bottom: 1px solid #e2e8f0;
+  background: rgba(15, 23, 42, 0.96);
+  color: #e2e8f0;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
   overflow: hidden;
 }
 
@@ -6540,6 +6541,16 @@ pre {
   align-items: center;
   justify-content: space-between;
   gap: 8px;
+  color: #f1f5f9;
+}
+
+.topo-discover__head strong {
+  color: #f8fafc;
+}
+
+.topo-discover .panel__hint,
+.topo-discover .panel__hint--live {
+  color: #94a3b8;
 }
 
 .topo-discover__progress {
@@ -6551,13 +6562,13 @@ pre {
 .topo-discover__bar {
   height: 6px;
   border-radius: 999px;
-  background: #e2e8f0;
+  background: rgba(51, 65, 85, 0.9);
   overflow: hidden;
 }
 
 .topo-discover__bar-fill {
   height: 100%;
-  background: #2563eb;
+  background: #38bdf8;
   transition: width 0.2s ease;
 }
 
@@ -6566,13 +6577,13 @@ pre {
   justify-content: space-between;
   gap: 8px;
   font-size: 12px;
-  color: #475569;
+  color: #94a3b8;
 }
 
 .topo-discover__summary {
   margin: 0;
   font-size: 13px;
-  color: #334155;
+  color: #cbd5e1;
 }
 
 .topo-discover__filters {
@@ -6587,23 +6598,23 @@ pre {
   gap: 4px;
   height: 26px;
   padding: 0 8px;
-  border: 1px solid #cbd5e1;
+  border: 1px solid rgba(148, 163, 184, 0.28);
   border-radius: 999px;
-  background: #fff;
+  background: rgba(30, 41, 59, 0.9);
   font-size: 12px;
-  color: #475569;
+  color: #cbd5e1;
   cursor: pointer;
 }
 
 .topo-discover__filter.is-active {
-  border-color: #2563eb;
-  background: #eff6ff;
-  color: #1d4ed8;
+  border-color: #38bdf8;
+  background: rgba(14, 165, 233, 0.18);
+  color: #e0f2fe;
 }
 
 .topo-discover__filter--primary {
-  border-color: #2563eb;
-  background: #2563eb;
+  border-color: #0ea5e9;
+  background: #0284c7;
   color: #fff;
 }
 
@@ -6619,7 +6630,7 @@ pre {
 .topo-discover__empty-ok {
   margin: 0;
   font-size: 12px;
-  color: #166534;
+  color: #86efac;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -6630,7 +6641,7 @@ pre {
   border: 0;
   background: none;
   padding: 0;
-  color: #2563eb;
+  color: #38bdf8;
   cursor: pointer;
   font-size: 12px;
   text-decoration: underline;
@@ -6639,13 +6650,13 @@ pre {
 .topo-discover__cap {
   margin: 0;
   font-size: 11px;
-  color: #94a3b8;
+  color: #64748b;
 }
 
 .topo-discover__error {
   margin: 0;
   font-size: 13px;
-  color: #b91c1c;
+  color: #fca5a5;
 }
 
 .topo-discover__list {