From c91fbe4b39ef2f329e2b4113a0d9ecb18d42043b Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 11 Feb 2026 12:17:00 +0000 Subject: [PATCH 1/3] Update menu separator color and enhance backdrop-filter for context menus --- extensions/theme-2026/themes/2026-dark.json | 2 +- extensions/theme-2026/themes/styles.css | 16 +++++++++++++++- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/extensions/theme-2026/themes/2026-dark.json b/extensions/theme-2026/themes/2026-dark.json index 2aca9467744..44d0d3273f3 100644 --- a/extensions/theme-2026/themes/2026-dark.json +++ b/extensions/theme-2026/themes/2026-dark.json @@ -94,7 +94,7 @@ "menu.foreground": "#bfbfbf", "menu.selectionBackground": "#3994BC26", "menu.selectionForeground": "#bfbfbf", - "menu.separatorBackground": "#838485", + "menu.separatorBackground": "#2A2B2C", "menu.border": "#2A2B2CFF", "commandCenter.foreground": "#bfbfbf", "commandCenter.activeForeground": "#bfbfbf", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index 035e15149e7..c6393ee9a98 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -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); From 1cd08a4237099cfa09dc70f1067de5b7825530cf Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 11 Feb 2026 14:58:27 +0000 Subject: [PATCH 2/3] Refactor context menu styles by removing unnecessary backdrop-filter rules --- extensions/theme-2026/themes/styles.css | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index c6393ee9a98..da8961d2042 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -284,18 +284,7 @@ /* Context Menus */ .monaco-workbench .monaco-menu .monaco-action-bar.vertical { 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 { From c0c8316db87374fbba2df8951d5842c4c0620446 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 11 Feb 2026 15:06:40 +0000 Subject: [PATCH 3/3] Remove redundant border-radius inheritance from vertical action bars in context menus --- extensions/theme-2026/themes/styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index da8961d2042..7c46dad4509 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -284,7 +284,6 @@ /* Context Menus */ .monaco-workbench .monaco-menu .monaco-action-bar.vertical { border-radius: var(--radius-lg); - border-radius: inherit; } .monaco-workbench .context-view .monaco-menu {