Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-29 18:09:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add styles for debug hover widget and improve hover effect in debug tree

Browse Source
This commit is contained in:
mrleemurray
2026-01-23 11:08:35 +00:00
parent c93fad5084
commit 7d781efe1e
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extensions/theme-2026/themes/styles.css
+13
View File
@@ -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; }