Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-28 12:33:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update menu separator color and enhance backdrop-filter for context menus

Browse Source
This commit is contained in:
mrleemurray
2026-02-11 12:17:00 +00:00
parent 6441536a79
commit c91fbe4b39
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
extensions/theme-2026/themes/styles.css
View File

@@ -283,10 +283,19 @@
/* Context Menus */
.monaco-workbench .monaco-menu .monaco-action-bar.vertical {
box-shadow: var(--shadow-lg);
border-radius: var(--radius-lg);
}
/* Use ::before for backdrop-filter so it doesn't create a containing block
for position:fixed submenu children (which would clip them via overflow:hidden). */
.monaco-workbench .monaco-menu .monaco-action-bar.vertical::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
backdrop-filter: var(--backdrop-blur-md);
-webkit-backdrop-filter: var(--backdrop-blur-md);
z-index: -1;
}
.monaco-workbench .context-view .monaco-menu {
@@ -295,6 +304,11 @@
border-radius: var(--radius-lg);
}
.monaco-workbench .monaco-menu-container > .monaco-scrollable-element {
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow-lg) !important;
}
.monaco-workbench .action-widget {
background: color-mix(in srgb, var(--vscode-menu-background) 60%, transparent) !important;
backdrop-filter: var(--backdrop-blur-md);