title - opacity for inactive windows

src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css

@@ -37,11 +37,19 @@
 	color: #333333;
 }
 
+.vs .monaco-workbench > .part.titlebar.blurred {
+	opacity: 0.6;
+}
+
 .vs-dark .monaco-workbench > .part.titlebar {
 	background: #3c3c3c;
 	color: #ccc;
 }
 
+.vs-dark .monaco-workbench > .part.titlebar.blurred > .window-title {
+	opacity: 0.6;
+}
+
 .hc-black .monaco-workbench > .part.titlebar {
 	background: #000;
 	color: white;

src/vs/workbench/browser/parts/titlebar/titlebarPart.ts

@@ -36,6 +36,13 @@ export class TitlebarPart extends Part implements ITitleService {
 		@IWindowsService private windowsService: IWindowsService
 	) {
 		super(id);
+
+		this.registerListeners();
+	}
+
+	private registerListeners(): void {
+		this.toUnbind.push(DOM.addDisposableListener(window, DOM.EventType.BLUR, () => { if (this.titleContainer) { this.titleContainer.addClass('blurred'); } }));
+		this.toUnbind.push(DOM.addDisposableListener(window, DOM.EventType.FOCUS, () => { if (this.titleContainer) { this.titleContainer.removeClass('blurred'); } }));
 	}
 
 	public createContentArea(parent: Builder): Builder {

src/vs/workbench/services/textfile/browser/textFileService.ts

@@ -103,8 +103,8 @@ export abstract class TextFileService implements ITextFileService {
 		this.toUnbind.push(this.configurationService.onDidUpdateConfiguration(e => this.onConfigurationChange(e.config)));
 
 		// Application & Editor focus change
-		this.toUnbind.push(DOM.addDisposableListener(window, 'blur', () => this.onWindowFocusLost()));
-		this.toUnbind.push(DOM.addDisposableListener(window, 'blur', () => this.onEditorFocusChanged(), true));
+		this.toUnbind.push(DOM.addDisposableListener(window, DOM.EventType.BLUR, () => this.onWindowFocusLost()));
+		this.toUnbind.push(DOM.addDisposableListener(window, DOM.EventType.BLUR, () => this.onEditorFocusChanged(), true));
 		this.toUnbind.push(this.editorGroupService.onEditorsChanged(() => this.onEditorFocusChanged()));
 	}