Merge pull request #294149 from microsoft/mrleemurray/dying-coral-bat

Update widget border colors and hover backgrounds for theme consistency

extensions/theme-2026/themes/2026-light.json

@@ -23,7 +23,7 @@
 		"button.border": "#F2F3F4FF",
 		"button.secondaryBackground": "#EDEDED",
 		"button.secondaryForeground": "#202020",
-		"button.secondaryHoverBackground": "#E6E6E6",
+		"button.secondaryHoverBackground": "#F3F3F3",
 		"checkbox.background": "#EDEDED",
 		"checkbox.border": "#D8D8D8",
 		"checkbox.foreground": "#202020",
@@ -49,7 +49,7 @@
 		"inputValidation.errorForeground": "#202020",
 		"scrollbar.shadow": "#00000000",
 		"widget.shadow": "#00000000",
-		"widget.border": "#F2F3F4FF",
+		"widget.border": "#EEEEF1",
 		"editorStickyScroll.shadow": "#00000000",
 		"sideBarStickyScroll.shadow": "#00000000",
 		"panelStickyScroll.shadow": "#00000000",
@@ -64,7 +64,7 @@
 		"list.activeSelectionForeground": "#202020",
 		"list.inactiveSelectionBackground": "#E0E0E0",
 		"list.inactiveSelectionForeground": "#202020",
-		"list.hoverBackground": "#F7F7F7",
+		"list.hoverBackground": "#F3F3F3",
 		"list.hoverForeground": "#202020",
 		"list.dropBackground": "#0069CC15",
 		"list.focusBackground": "#0069CC1A",
@@ -106,7 +106,7 @@
 		"commandCenter.foreground": "#202020",
 		"commandCenter.activeForeground": "#202020",
 		"commandCenter.background": "#FAFAFD",
-		"commandCenter.activeBackground": "#F7F7F7",
+		"commandCenter.activeBackground": "#F3F3F3",
 		"commandCenter.border": "#D8D8D8",
 		"editor.background": "#FFFFFF",
 		"editor.foreground": "#202020",
@@ -127,21 +127,21 @@
 		"editorLink.activeForeground": "#0069CC",
 		"editorWhitespace.foreground": "#66666640",
 		"editorIndentGuide.background": "#F7F7F740",
-		"editorIndentGuide.activeBackground": "#F7F7F7",
+		"editorIndentGuide.activeBackground": "#F3F3F3",
 		"editorRuler.foreground": "#F7F7F7",
 		"editorCodeLens.foreground": "#666666",
 		"editorBracketMatch.background": "#0069CC40",
 		"editorBracketMatch.border": "#F2F3F4FF",
 		"editorWidget.background": "#F0F0F3",
-		"editorWidget.border": "#F2F3F4FF",
+		"editorWidget.border": "#EEEEF1",
 		"editorWidget.foreground": "#202020",
 		"editorSuggestWidget.background": "#F0F0F3",
-		"editorSuggestWidget.border": "#F2F3F4FF",
+		"editorSuggestWidget.border": "#EEEEF1",
 		"editorSuggestWidget.foreground": "#202020",
 		"editorSuggestWidget.highlightForeground": "#0069CC",
 		"editorSuggestWidget.selectedBackground": "#0069CC26",
 		"editorHoverWidget.background": "#F0F0F3",
-		"editorHoverWidget.border": "#F2F3F4FF",
+		"editorHoverWidget.border": "#EEEEF1",
 		"peekView.border": "#0069CC",
 		"peekViewEditor.background": "#F0F0F3",
 		"peekViewEditor.matchHighlightBackground": "#0069CC33",
@@ -179,8 +179,8 @@
 		"statusBar.debuggingForeground": "#FFFFFF",
 		"statusBar.noFolderBackground": "#F0F0F3",
 		"statusBar.noFolderForeground": "#666666",
-		"statusBarItem.activeBackground": "#E6E6E6",
+		"statusBarItem.activeBackground": "#F3F3F3",
-		"statusBarItem.hoverBackground": "#F7F7F7",
+		"statusBarItem.hoverBackground": "#F3F3F3",
 		"statusBarItem.focusBorder": "#0069CCFF",
 		"statusBarItem.prominentBackground": "#0069CCDD",
 		"statusBarItem.prominentForeground": "#FFFFFF",
@@ -193,7 +193,7 @@
 		"tab.lastPinnedBorder": "#F2F3F4FF",
 		"tab.activeBorder": "#FAFAFD",
 		"tab.activeBorderTop": "#000000",
-		"tab.hoverBackground": "#F7F7F7",
+		"tab.hoverBackground": "#F3F3F3",
 		"tab.hoverForeground": "#202020",
 		"tab.unfocusedActiveBackground": "#FAFAFD",
 		"tab.unfocusedActiveForeground": "#666666",

extensions/theme-2026/themes/styles.css

@@ -7,7 +7,7 @@
 	--radius-sm: 4px;
 	--radius-md: 6px;
 	--radius-lg: 8px;
-	--radius-xl: 12px;
+	/* --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);
@@ -185,10 +185,6 @@
 	border: 1px solid var(--vscode-menu-border) !important;
 }
 
-.monaco-workbench .quick-input-widget .monaco-list-rows {
-	background-color: transparent !important;
-}
-
 .monaco-workbench .quick-input-widget .quick-input-header,
 .monaco-workbench .quick-input-widget .quick-input-list,
 .monaco-workbench .quick-input-widget .quick-input-titlebar,
@@ -203,6 +199,10 @@
 	outline: none !important;
 }
 
+.monaco-workbench .monaco-editor .suggest-widget .monaco-list {
+	border-radius: var(--radius-lg);
+}
+
 .monaco-workbench .quick-input-widget .monaco-inputbox {
 	box-shadow: none !important;
 	background: transparent !important;
@@ -267,6 +267,8 @@
 	backdrop-filter: var(--backdrop-blur-md);
 	-webkit-backdrop-filter: var(--backdrop-blur-md);
 	background: color-mix(in srgb, var(--vscode-notifications-background) 60%, transparent) !important;
+	border: 1px solid var(--vscode-editorWidget-border) !important;
+	box-shadow: var(--shadow-lg) !important;
 }
 
 .monaco-workbench.vs-dark .notifications-center {
@@ -282,7 +284,7 @@
 /* Context Menus */
 .monaco-workbench .monaco-menu .monaco-action-bar.vertical {
 	box-shadow: var(--shadow-lg);
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 	backdrop-filter: var(--backdrop-blur-md);
 	-webkit-backdrop-filter: var(--backdrop-blur-md);
 }
@@ -290,7 +292,7 @@
 .monaco-workbench .context-view .monaco-menu {
 	box-shadow: var(--shadow-lg);
 	border: none;
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 }
 
 .monaco-workbench .action-widget {
@@ -306,8 +308,7 @@
 /* Suggest Widget */
 .monaco-workbench .monaco-editor .suggest-widget {
 	box-shadow: var(--shadow-lg);
-	border: none;
+	border-radius: var(--radius-lg);
-	border-radius: var(--radius-xl);
 	backdrop-filter: var(--backdrop-blur-md);
 	-webkit-backdrop-filter: var(--backdrop-blur-md);
 	background: color-mix(in srgb, var(--vscode-editorSuggestWidget-background) 60%, transparent) !important;
@@ -327,10 +328,17 @@
 	margin-top: 4px !important;
 }
 
+.monaco-workbench .inline-chat-gutter-menu {
+	border-radius: var(--radius-lg);
+	box-shadow: var(--shadow-lg);
+	backdrop-filter: var(--backdrop-blur-md);
+	-webkit-backdrop-filter: var(--backdrop-blur-md);
+}
+
 /* Dialog */
 .monaco-workbench .monaco-dialog-box {
 	box-shadow: var(--shadow-2xl);
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 	backdrop-filter: var(--backdrop-blur-lg);
 	-webkit-backdrop-filter: var(--backdrop-blur-lg);
 	background: color-mix(in srgb, var(--vscode-editor-background) 60%, transparent) !important;
@@ -538,7 +546,7 @@
 /* Parameter Hints */
 .monaco-workbench .monaco-editor .parameter-hints-widget {
 	box-shadow: var(--shadow-lg);
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 	backdrop-filter: var(--backdrop-blur-md);
 	-webkit-backdrop-filter: var(--backdrop-blur-md);
 }
@@ -623,7 +631,7 @@
 .monaco-workbench .monaco-editor .inline-chat {
 	box-shadow: var(--shadow-lg);
 	border: none;
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 }
 
 /* Command Center */
@@ -660,7 +668,7 @@
 }
 
 .monaco-dialog-modal-block .dialog-shadow {
-	border-radius: var(--radius-xl);
+	border-radius: var(--radius-lg);
 }
 
 .monaco-workbench .unified-quick-access-tabs {