From 7d781efe1e2097e29f2335fa0bc7ef898f22c8d2 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Fri, 23 Jan 2026 11:08:35 +0000 Subject: [PATCH] Add styles for debug hover widget and improve hover effect in debug tree --- extensions/theme-2026/themes/styles.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index b3004f66158c..8f3dd67de528 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -216,6 +216,19 @@ /* Debug Toolbar */ .monaco-workbench .debug-toolbar { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); border: none; border-radius: 8px; backdrop-filter: blur(40px) saturate(180%) !important; -webkit-backdrop-filter: blur(40px) saturate(180%) !important; } +.monaco-workbench .debug-hover-widget { + box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); + border-radius: 8px; + overflow: hidden; + backdrop-filter: blur(20px) saturate(180%); + -webkit-backdrop-filter: blur(20px) saturate(180%); + color: var(--vscode-editor-foreground) !important; +} + +.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-list-rows .monaco-list-row:hover:not(.highlighted):not(.selected):not(.focused) { + background-color: var(--vscode-list-hoverBackground);; +} + /* Action Widget */ .monaco-workbench .action-widget { box-shadow: 0 0 12px rgba(0, 0, 0, 0.14) !important; border-radius: 8px; }