From 315525c23b240f3c7f3c9f07f1a995cec6b40d29 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Thu, 12 Feb 2026 14:17:45 +0000 Subject: [PATCH 1/5] refactor(theme): update button border color and clean up unused shadows in styles --- extensions/theme-2026/themes/2026-light.json | 2 +- extensions/theme-2026/themes/styles.css | 21 +------------------- 2 files changed, 2 insertions(+), 21 deletions(-) diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index 3ed64c055bf..e7093770bea 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -20,7 +20,7 @@ "button.background": "#0069CC", "button.foreground": "#FFFFFF", "button.hoverBackground": "#0063C1", - "button.border": "#F2F3F4FF", + "button.border": "#EEEEF1", "button.secondaryBackground": "#EDEDED", "button.secondaryForeground": "#202020", "button.secondaryHoverBackground": "#F3F3F3", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index 35fe38ae75a..f97a5350b80 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -7,28 +7,22 @@ --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; - /* --radius-lg: 12px; */ - --shadow-xs: 0 0 2px rgba(0, 0, 0, 0.06); --shadow-sm: 0 0 4px rgba(0, 0, 0, 0.08); --shadow-md: 0 0 6px rgba(0, 0, 0, 0.08); --shadow-lg: 0 0 12px rgba(0, 0, 0, 0.14); --shadow-xl: 0 0 20px rgba(0, 0, 0, 0.15); - --shadow-2xl: 0 0 20px rgba(0, 0, 0, 0.18); --shadow-hover: 0 0 8px rgba(0, 0, 0, 0.12); --shadow-sm-strong: 0 0 4px rgba(0, 0, 0, 0.18); --shadow-button-active: inset 0 1px 2px rgba(0, 0, 0, 0.1); - --shadow-inset-white: inset 0 0 4px rgba(255, 255, 255, 0.1); --shadow-active-tab: 0 8px 12px rgba(0, 0, 0, 0.02); - --backdrop-blur-sm: blur(12px); --backdrop-blur-md: blur(20px) saturate(180%); --backdrop-blur-lg: blur(40px) saturate(180%); } /* Dark theme: add brightness reduction for contrast-safe luminosity blending over bright backgrounds */ .monaco-workbench.vs-dark { - --backdrop-blur-sm: blur(12px) brightness(0.55); --backdrop-blur-md: blur(20px) saturate(180%) brightness(0.55); --backdrop-blur-lg: blur(40px) saturate(180%) brightness(0.55); } @@ -131,7 +125,6 @@ .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.active { box-shadow: inset var(--shadow-active-tab); - /* background: var(--vs) */ position: relative; z-index: 5; border-radius: 0; @@ -339,7 +332,7 @@ /* Dialog */ .monaco-workbench .monaco-dialog-box { - box-shadow: var(--shadow-2xl); + box-shadow: var(--shadow-xl); border-radius: var(--radius-lg); backdrop-filter: var(--backdrop-blur-lg); -webkit-backdrop-filter: var(--backdrop-blur-lg); @@ -467,13 +460,6 @@ } /* Buttons */ -.monaco-workbench .monaco-button { - box-shadow: var(--shadow-xs); -} - -.monaco-workbench .monaco-button:hover { - box-shadow: var(--shadow-sm); -} .monaco-workbench .monaco-button:active { box-shadow: var(--shadow-button-active); @@ -508,11 +494,6 @@ border-radius: var(--radius-lg); } -/* Terminal */ -.monaco-workbench.vs .pane-body.integrated-terminal { - box-shadow: var(--shadow-inset-white); -} - /* SCM */ .monaco-workbench .scm-view .scm-provider { box-shadow: var(--shadow-sm); From 78e3e7713a579e7a2d9d3732d4c1985e1c5031d3 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Thu, 12 Feb 2026 14:36:13 +0000 Subject: [PATCH 2/5] style(theme): update button hover backgrounds and enhance quick input widget transparency --- extensions/theme-2026/themes/2026-light.json | 14 +++++++------- extensions/theme-2026/themes/styles.css | 4 ++++ 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index e7093770bea..91b7c39954f 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -23,7 +23,7 @@ "button.border": "#EEEEF1", "button.secondaryBackground": "#EDEDED", "button.secondaryForeground": "#202020", - "button.secondaryHoverBackground": "#F3F3F3", + "button.secondaryHoverBackground": "#EEEEEE", "checkbox.background": "#EDEDED", "checkbox.border": "#D8D8D8", "checkbox.foreground": "#202020", @@ -64,7 +64,7 @@ "list.activeSelectionForeground": "#202020", "list.inactiveSelectionBackground": "#E0E0E0", "list.inactiveSelectionForeground": "#202020", - "list.hoverBackground": "#F3F3F3", + "list.hoverBackground": "#EEEEEE", "list.hoverForeground": "#202020", "list.dropBackground": "#0069CC15", "list.focusBackground": "#0069CC1A", @@ -106,7 +106,7 @@ "commandCenter.foreground": "#202020", "commandCenter.activeForeground": "#202020", "commandCenter.background": "#FAFAFD", - "commandCenter.activeBackground": "#F3F3F3", + "commandCenter.activeBackground": "#EEEEEE", "commandCenter.border": "#D8D8D8", "editor.background": "#FFFFFF", "editor.foreground": "#202020", @@ -127,7 +127,7 @@ "editorLink.activeForeground": "#0069CC", "editorWhitespace.foreground": "#66666640", "editorIndentGuide.background": "#F7F7F740", - "editorIndentGuide.activeBackground": "#F3F3F3", + "editorIndentGuide.activeBackground": "#EEEEEE", "editorRuler.foreground": "#F7F7F7", "editorCodeLens.foreground": "#666666", "editorBracketMatch.background": "#0069CC40", @@ -179,8 +179,8 @@ "statusBar.debuggingForeground": "#FFFFFF", "statusBar.noFolderBackground": "#F0F0F3", "statusBar.noFolderForeground": "#666666", - "statusBarItem.activeBackground": "#F3F3F3", - "statusBarItem.hoverBackground": "#F3F3F3", + "statusBarItem.activeBackground": "#EEEEEE", + "statusBarItem.hoverBackground": "#EEEEEE", "statusBarItem.focusBorder": "#0069CCFF", "statusBarItem.prominentBackground": "#0069CCDD", "statusBarItem.prominentForeground": "#FFFFFF", @@ -193,7 +193,7 @@ "tab.lastPinnedBorder": "#F2F3F4FF", "tab.activeBorder": "#FAFAFD", "tab.activeBorderTop": "#000000", - "tab.hoverBackground": "#F3F3F3", + "tab.hoverBackground": "#EEEEEE", "tab.hoverForeground": "#202020", "tab.unfocusedActiveBackground": "#FAFAFD", "tab.unfocusedActiveForeground": "#666666", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index f97a5350b80..0deacd89b93 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -196,6 +196,10 @@ border-radius: var(--radius-lg); } +.monaco-workbench .quick-input-widget .monaco-list-rows { + background: transparent !important; +} + .monaco-workbench .quick-input-widget .monaco-inputbox { box-shadow: none !important; background: transparent !important; From 0791e86ff16974e17a2c70cbf3ce6ca483c4533f Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Thu, 12 Feb 2026 14:48:44 +0000 Subject: [PATCH 3/5] style(theme): update menu separator background and refine quick input widget styles --- extensions/theme-2026/themes/2026-light.json | 4 ++-- extensions/theme-2026/themes/styles.css | 6 +----- 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/extensions/theme-2026/themes/2026-light.json b/extensions/theme-2026/themes/2026-light.json index 91b7c39954f..36c310315e6 100644 --- a/extensions/theme-2026/themes/2026-light.json +++ b/extensions/theme-2026/themes/2026-light.json @@ -101,7 +101,7 @@ "menu.foreground": "#202020", "menu.selectionBackground": "#0069CC1A", "menu.selectionForeground": "#202020", - "menu.separatorBackground": "#F7F7F7", + "menu.separatorBackground": "#EEEEF1", "menu.border": "#F2F3F4FF", "commandCenter.foreground": "#202020", "commandCenter.activeForeground": "#202020", @@ -224,7 +224,7 @@ "extensionButton.prominentBackground": "#0069CC", "extensionButton.prominentForeground": "#FFFFFF", "extensionButton.prominentHoverBackground": "#0064CC", - "pickerGroup.border": "#F2F3F4FF", + "pickerGroup.border": "#EEEEF1", "pickerGroup.foreground": "#202020", "quickInput.background": "#F0F0F3", "quickInput.foreground": "#202020", diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index 0deacd89b93..a63e85a5b35 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -187,7 +187,7 @@ .monaco-workbench .quick-input-widget .quick-input-action, .monaco-workbench .quick-input-widget .quick-input-message, .monaco-workbench .quick-input-widget .monaco-list, -.monaco-workbench .quick-input-widget .monaco-list-row { +.monaco-workbench .quick-input-widget .monaco-list-row:not(:has(.quick-input-list-separator-border)) { border-color: transparent !important; outline: none !important; } @@ -658,10 +658,6 @@ background: transparent; } -.monaco-workbench .quick-input-list .quick-input-list-entry.quick-input-list-separator-border { - border-top-width: 0; -} - /* Quick Input List - use descriptionForeground color for descriptions */ .monaco-workbench .quick-input-list .monaco-icon-label .label-description { opacity: 1; From f211ce87b4a2543ab9197cea9be44264f222f758 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Thu, 12 Feb 2026 15:19:16 +0000 Subject: [PATCH 4/5] style(theme): adjust backdrop filter for peek view widget to enhance visual clarity --- extensions/theme-2026/themes/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index a63e85a5b35..411370d768e 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -351,8 +351,8 @@ .monaco-workbench .monaco-editor .peekview-widget { box-shadow: var(--shadow-hover); background: color-mix(in srgb, var(--vscode-peekViewEditor-background) 60%, transparent) !important; - backdrop-filter: var(--backdrop-blur-sm); - -webkit-backdrop-filter: var(--backdrop-blur-sm); + backdrop-filter: var(--backdrop-blur-md); + -webkit-backdrop-filter: var(--backdrop-blur-md); } .monaco-workbench.vs-dark .monaco-editor .peekview-widget { From 61ce2a354bc9c9e676d3317e6073273230ee73bc Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Thu, 12 Feb 2026 15:19:50 +0000 Subject: [PATCH 5/5] style(theme): adjust background property for quick input widget rows --- extensions/theme-2026/themes/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/extensions/theme-2026/themes/styles.css b/extensions/theme-2026/themes/styles.css index 411370d768e..5b7a95c2e00 100644 --- a/extensions/theme-2026/themes/styles.css +++ b/extensions/theme-2026/themes/styles.css @@ -197,7 +197,7 @@ } .monaco-workbench .quick-input-widget .monaco-list-rows { - background: transparent !important; + background: transparent !important; } .monaco-workbench .quick-input-widget .monaco-inputbox {