feat: refact UI

codespace-telemetry-debug.log

@@ -0,0 +1,10 @@
+[2026-03-06T12:52:04.705Z] === CodespaceTelemetryService Constructor Started ===
+[2026-03-06T12:52:04.709Z] Session ID: 1772801524705-3xagwzqnckb
+[2026-03-06T12:52:04.716Z] CODESPACE_NAME: undefined
+[2026-03-06T12:52:04.719Z] CODESPACES: undefined
+[2026-03-06T12:52:04.722Z] GITHUB_USER: undefined
+[2026-03-06T12:52:04.725Z] GITHUB_CODESPACE_TOKEN: NOT SET
+[2026-03-06T12:52:04.727Z] NOT IN GENUINE GITHUB CODESPACE - Service disabled
+[2026-03-06T12:52:04.730Z]   CODESPACE_NAME: missing
+[2026-03-06T12:52:04.732Z]   CODESPACES: missing
+[2026-03-06T12:52:04.734Z]   GITHUB_CODESPACE_TOKEN: missing

src/ui/highlighter.css

@@ -1,8 +1,6 @@
 .abledom-highlight {
-  background-color: yellow;
   box-sizing: border-box;
   display: none;
-  opacity: 0.6;
   position: fixed;
   z-index: 100499;
 }
@@ -28,3 +26,20 @@
   height: calc(100% + 20px);
   margin: -10px 0;
 }
+
+.abledom-dimming-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 100498;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.abledom-dimming-overlay.visible {
+  opacity: 1;
+}