explorer: deemphasize items which should be excluded but are shown si…

…nce they are open

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

@@ -365,6 +365,7 @@ export const listFilterWidgetNoMatchesOutline = registerColor('listFilterWidget.
 export const listFilterMatchHighlight = registerColor('list.filterMatchBackground', { dark: editorFindMatchHighlight, light: editorFindMatchHighlight, hc: null }, nls.localize('listFilterMatchHighlight', 'Background color of the filtered match.'));
 export const listFilterMatchHighlightBorder = registerColor('list.filterMatchBorder', { dark: editorFindMatchHighlightBorder, light: editorFindMatchHighlightBorder, hc: contrastBorder }, nls.localize('listFilterMatchHighlightBorder', 'Border color of the filtered match.'));
 export const treeIndentGuidesStroke = registerColor('tree.indentGuidesStroke', { dark: '#585858', light: '#a9a9a9', hc: '#a9a9a9' }, nls.localize('treeIndentGuidesStroke', "Tree stroke color for the indentation guides."));
+export const listDeemphasizedForeground = registerColor('list.deemphasizedForeground', { dark: '#8C8C8C', light: '#8E8E90', hc: '#A7A8A9' }, nls.localize('listDeemphasizedForeground', "List/Tree foreground color for items that are deemphasized. "));
 
 /**
  * Menu colors

src/vs/workbench/contrib/files/browser/views/explorerDecorationsProvider.ts

@@ -8,7 +8,7 @@ import { Event, Emitter } from 'vs/base/common/event';
 import { localize } from 'vs/nls';
 import { IWorkspaceContextService } from 'vs/platform/workspace/common/workspace';
 import { IDecorationsProvider, IDecorationData } from 'vs/workbench/services/decorations/browser/decorations';
-import { listInvalidItemForeground } from 'vs/platform/theme/common/colorRegistry';
+import { listInvalidItemForeground, listDeemphasizedForeground } from 'vs/platform/theme/common/colorRegistry';
 import { DisposableStore } from 'vs/base/common/lifecycle';
 import { IExplorerService } from 'vs/workbench/contrib/files/common/files';
 import { explorerRootErrorEmitter } from 'vs/workbench/contrib/files/browser/views/explorerViewer';
@@ -34,6 +34,11 @@ export function provideDecorations(fileStat: ExplorerItem): IDecorationData | un
 			letter: '?'
 		};
 	}
+	if (fileStat.isExcluded) {
+		return {
+			color: listDeemphasizedForeground,
+		};
+	}
 
 	return undefined;
 }

src/vs/workbench/contrib/files/browser/views/explorerViewer.ts

@@ -563,7 +563,9 @@ export class FilesFilter implements ITreeFilter<ExplorerItem, FuzzyScore> {
 	}
 
 	private isVisible(stat: ExplorerItem, parentVisibility: TreeVisibility): boolean {
+		stat.isExcluded = false;
 		if (parentVisibility === TreeVisibility.Hidden) {
+			stat.isExcluded = true;
 			return false;
 		}
 		if (this.explorerService.getEditableData(stat) || stat.isRoot) {
@@ -573,6 +575,7 @@ export class FilesFilter implements ITreeFilter<ExplorerItem, FuzzyScore> {
 		// Hide those that match Hidden Patterns
 		const cached = this.hiddenExpressionPerRoot.get(stat.root.resource.toString());
 		if (cached && cached.parsed(path.relative(stat.root.resource.path, stat.resource.path), stat.name, name => !!(stat.parent && stat.parent.getChild(name)))) {
+			stat.isExcluded = true;
 			const editors = this.editorService.visibleEditors;
 			const editor = editors.filter(e => e.resource && isEqualOrParent(e.resource, stat.resource)).pop();
 			if (editor) {

src/vs/workbench/contrib/files/common/explorerModel.ts

@@ -80,6 +80,7 @@ export class ExplorerItem {
 	protected _isDirectoryResolved: boolean;
 	private _isDisposed: boolean;
 	public isError = false;
+	private _isExcluded = false;
 
 	constructor(
 		public resource: URI,
@@ -95,6 +96,21 @@ export class ExplorerItem {
 		this._isDisposed = false;
 	}
 
+	get isExcluded(): boolean {
+		if (this._isExcluded) {
+			return true;
+		}
+		if (!this._parent) {
+			return false;
+		}
+
+		return this._parent.isExcluded;
+	}
+
+	set isExcluded(value: boolean) {
+		this._isExcluded = value;
+	}
+
 	get isDisposed(): boolean {
 		return this._isDisposed;
 	}