From 9a72a9a0990481d15f6a77817aa0af984d672ccf Mon Sep 17 00:00:00 2001
From: hansjone <zhoutianjun127@gmail.com>
Date: Thu, 30 Jul 2026 02:34:25 +0000
Subject: [PATCH] fix(topology): keep context menu text readable on hover.

Override .app-main button color so dark menu items stay light on hover/focus.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/index.css | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index 55cadf6..cbc1adc 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -2228,29 +2228,47 @@ pre {
   box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
 }
 
+/* Beat .app-main button { color:#1f2937; background:#fff } so hover stays readable. */
+.app-main .topo-ctx__item,
 .topo-ctx__item {
   display: block;
   width: 100%;
   padding: 8px 14px;
   border: 0;
+  border-radius: 0;
   background: transparent;
-  color: inherit;
+  color: #e2e8f0;
   text-align: left;
   font: inherit;
   cursor: pointer;
 }
 
-.topo-ctx__item:hover:not(:disabled) {
+.app-main .topo-ctx__item:hover:not(:disabled),
+.app-main .topo-ctx__item:focus-visible:not(:disabled),
+.topo-ctx__item:hover:not(:disabled),
+.topo-ctx__item:focus-visible:not(:disabled) {
   background: #1e293b;
+  color: #f8fafc;
 }
 
+.app-main .topo-ctx__item:disabled,
 .topo-ctx__item:disabled {
   opacity: 0.45;
   cursor: not-allowed;
+  color: #94a3b8;
 }
 
-.topo-ctx__item--danger:hover:not(:disabled) {
+.app-main .topo-ctx__item--danger,
+.topo-ctx__item--danger {
+  color: #fca5a5;
+}
+
+.app-main .topo-ctx__item--danger:hover:not(:disabled),
+.app-main .topo-ctx__item--danger:focus-visible:not(:disabled),
+.topo-ctx__item--danger:hover:not(:disabled),
+.topo-ctx__item--danger:focus-visible:not(:disabled) {
   background: #7f1d1d;
+  color: #fecaca;
 }
 
 .topo-ctx__sep {