list match widget shadow

src/vs/base/browser/ui/list/listWidget.ts

@@ -733,6 +733,10 @@ export class DefaultStyleController implements IStyleController {
 			content.push(`.monaco-list-type-filter { border-color: ${styles.listMatchesOutline}; }`);
 		}
 
+		if (styles.listMatchesShadow) {
+			content.push(`.monaco-list-type-filter { box-shadow: 1px 1px 2px ${styles.listMatchesShadow}; }`);
+		}
+
 		const newStyles = content.join('\n');
 		if (newStyles !== this.styleElement.innerHTML) {
 			this.styleElement.innerHTML = newStyles;
@@ -779,6 +783,7 @@ export interface IListStyles {
 	listHoverOutline?: Color;
 	listMatchesBackground?: Color;
 	listMatchesOutline?: Color;
+	listMatchesShadow?: Color;
 }
 
 const defaultStyles: IListStyles = {

src/vs/platform/theme/common/styler.ts

@@ -225,6 +225,7 @@ export interface IListStyleOverrides extends IStyleOverrides {
 	listHoverOutline?: ColorIdentifier;
 	listMatchesBackground?: ColorIdentifier;
 	listMatchesOutline?: ColorIdentifier;
+	listMatchesShadow?: ColorIdentifier;
 }
 
 export function attachListStyler(widget: IThemable, themeService: IThemeService, overrides?: IListStyleOverrides): IDisposable {
@@ -248,7 +249,8 @@ export const defaultListStyles: IColorMapping = {
 	listSelectionOutline: activeContrastBorder,
 	listHoverOutline: activeContrastBorder,
 	listMatchesBackground: blend2(editorFindMatchHighlight, editorWidgetBackground),
-	listMatchesOutline: editorFindMatchHighlightBorder
+	listMatchesOutline: focusBorder,
+	listMatchesShadow: widgetShadow
 };
 
 export interface IButtonStyleOverrides extends IStyleOverrides {