@theia/core 1.27.0-next.9 → 1.27.0

package/lib/node/messaging/test/test-web-socket-channel.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="node" />
 import * as http from 'http';
 import * as https from 'https';
-import { WebSocketChannel } from '../../../common/messaging/web-socket-channel';
-export declare class TestWebSocketChannel extends WebSocketChannel {
+import { Channel, ChannelMultiplexer } from '../../../common/message-rpc/channel';
+export declare class TestWebSocketChannelSetup {
+    readonly multiplexer: ChannelMultiplexer;
+    readonly channel: Channel;
     constructor({ server, path }: {
         server: http.Server | https.Server;
         path: string;

package/lib/node/messaging/test/test-web-socket-channel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-web-socket-channel.d.ts","sourceRoot":"","sources":["../../../../src/node/messaging/test/test-web-socket-channel.ts"],"names":[],"mappings":";AAgBA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAKhF,qBAAa,oBAAqB,SAAQ,gBAAgB;gBAE1C,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;QAC1B,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QACnC,IAAI,EAAE,MAAM,CAAA;KACf;CAkBJ"}
+{"version":3,"file":"test-web-socket-channel.d.ts","sourceRoot":"","sources":["../../../../src/node/messaging/test/test-web-socket-channel.ts"],"names":[],"mappings":";AAgBA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAGlF,qBAAa,yBAAyB;IAClC,SAAgB,WAAW,EAAE,kBAAkB,CAAC;IAChD,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAErB,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;QAC1B,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QACnC,IAAI,EAAE,MAAM,CAAA;KACf;CASJ"}

package/lib/node/messaging/test/test-web-socket-channel.js

@@ -15,22 +15,35 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
 // *****************************************************************************
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestWebSocketChannel = void 0;
-const web_socket_channel_1 = require("../../../common/messaging/web-socket-channel");
-const disposable_1 = require("../../../common/disposable");
+exports.TestWebSocketChannelSetup = void 0;
 const socket_io_client_1 = require("socket.io-client");
-class TestWebSocketChannel extends web_socket_channel_1.WebSocketChannel {
+const channel_1 = require("../../../common/message-rpc/channel");
+const web_socket_channel_1 = require("../../../common/messaging/web-socket-channel");
+class TestWebSocketChannelSetup {
     constructor({ server, path }) {
-        super(0, content => socket.send(content));
         const socket = (0, socket_io_client_1.io)(`ws://localhost:${server.address().port}${web_socket_channel_1.WebSocketChannel.wsPath}`);
-        socket.on('error', error => this.fireError(error));
-        socket.on('disconnect', reason => this.fireClose(0, reason));
-        socket.on('message', data => {
-            this.handleMessage(JSON.parse(data.toString()));
+        this.channel = new web_socket_channel_1.WebSocketChannel(toIWebSocket(socket));
+        this.multiplexer = new channel_1.ChannelMultiplexer(this.channel);
+        socket.on('connect', () => {
+            this.multiplexer.open(path);
         });
-        socket.on('connect', () => this.open(path));
-        this.toDispose.push(disposable_1.Disposable.create(() => socket.close()));
+        socket.connect();
     }
 }
-exports.TestWebSocketChannel = TestWebSocketChannel;
+exports.TestWebSocketChannelSetup = TestWebSocketChannelSetup;
+function toIWebSocket(socket) {
+    return {
+        close: () => {
+            socket.removeAllListeners('disconnect');
+            socket.removeAllListeners('error');
+            socket.removeAllListeners('message');
+            socket.close();
+        },
+        isConnected: () => socket.connected,
+        onClose: cb => socket.on('disconnect', reason => cb(reason)),
+        onError: cb => socket.on('error', reason => cb(reason)),
+        onMessage: cb => socket.on('message', data => cb(data)),
+        send: message => socket.emit('message', message)
+    };
+}
 //# sourceMappingURL=test-web-socket-channel.js.map

package/lib/node/messaging/test/test-web-socket-channel.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-web-socket-channel.js","sourceRoot":"","sources":["../../../../src/node/messaging/test/test-web-socket-channel.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,2EAA2E;AAC3E,gFAAgF;;;AAIhF,qFAAgF;AAChF,2DAAwD;AAExD,uDAAsC;AAEtC,MAAa,oBAAqB,SAAQ,qCAAgB;IAEtD,YAAY,EAAE,MAAM,EAAE,IAAI,EAGzB;QACG,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAA,qBAAE,EAAC,kBAAmB,MAAM,CAAC,OAAO,EAAkB,CAAC,IAAI,GAAG,qCAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;QACxG,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CACvB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CACxB,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAC7B,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAC5B,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE;YACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CACtB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAClB,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,uBAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjE,CAAC;CAEJ;AAvBD,oDAuBC"}
+{"version":3,"file":"test-web-socket-channel.js","sourceRoot":"","sources":["../../../../src/node/messaging/test/test-web-socket-channel.ts"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,yCAAyC;AACzC,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,2EAA2E;AAC3E,gFAAgF;;;AAKhF,uDAA8C;AAC9C,iEAAkF;AAClF,qFAA4F;AAE5F,MAAa,yBAAyB;IAIlC,YAAY,EAAE,MAAM,EAAE,IAAI,EAGzB;QACG,MAAM,MAAM,GAAG,IAAA,qBAAE,EAAC,kBAAmB,MAAM,CAAC,OAAO,EAAkB,CAAC,IAAI,GAAG,qCAAgB,CAAC,MAAM,EAAE,CAAC,CAAC;QACxG,IAAI,CAAC,OAAO,GAAG,IAAI,qCAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1D,IAAI,CAAC,WAAW,GAAG,IAAI,4BAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC;CACJ;AAhBD,8DAgBC;AAED,SAAS,YAAY,CAAC,MAAc;IAChC,OAAO;QACH,KAAK,EAAE,GAAG,EAAE;YACR,MAAM,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;YACxC,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;YACnC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACrC,MAAM,CAAC,KAAK,EAAE,CAAC;QACnB,CAAC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS;QACnC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAC5D,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QACvD,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;KACnD,CAAC;AACN,CAAC"}

package/lib/node/request/proxy-cli-contribution.js

@@ -41,7 +41,7 @@ let ProxyCliContribution = class ProxyCliContribution {
             type: 'string'
         });
         conf.option(exports.StrictSSL, {
-            description: 'Detemines whether SSL is strictly set for outgoing requests.',
+            description: 'Determines whether SSL is strictly set for outgoing requests.',
             type: 'boolean'
         });
     }

package/lib/node/request/proxy-cli-contribution.js.map

@@ -1 +1 @@
-{"version":3,"file":"proxy-cli-contribution.js","sourceRoot":"","sources":["../../../src/node/request/proxy-cli-contribution.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;;;;;;;;;;AAElF,yCAA+C;AAE/C,4CAAsE;AAIzD,QAAA,QAAQ,GAAG,WAAW,CAAC;AACvB,QAAA,kBAAkB,GAAG,qBAAqB,CAAC;AAC3C,QAAA,SAAS,GAAG,YAAY,CAAC;AAGtC,IAAa,oBAAoB,GAAjC,MAAa,oBAAoB;IAK7B,SAAS,CAAC,IAAU;QAChB,IAAI,CAAC,MAAM,CAAC,gBAAQ,EAAE;YAClB,WAAW,EAAE,2CAA2C;YACxD,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,0BAAkB,EAAE;YAC5B,WAAW,EAAE,4DAA4D;YACzE,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,iBAAS,EAAE;YACnB,WAAW,EAAE,8DAA8D;YAC3E,IAAI,EAAE,SAAS;SAClB,CAAC,CAAC;IACP,CAAC;IAED,YAAY,CAAC,IAAe;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAQ,CAAC,CAAC;QAChC,MAAM,aAAa,GAAG,IAAI,CAAC,0BAAkB,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAS,CAAC,CAAC;QAClC,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;SACrC;QACD,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;YACnC,MAAM,CAAC,kBAAkB,GAAG,aAAa,CAAC;SAC7C;QACD,IAAI,OAAO,SAAS,KAAK,SAAS,EAAE;YAChC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;QACD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC;CAEJ,CAAA;AAlCG;IADC,IAAA,kBAAM,EAAC,wBAAc,CAAC;;4DAC2B;AAHzC,oBAAoB;IADhC,IAAA,sBAAU,GAAE;GACA,oBAAoB,CAqChC;AArCY,oDAAoB"}
+{"version":3,"file":"proxy-cli-contribution.js","sourceRoot":"","sources":["../../../src/node/request/proxy-cli-contribution.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;;;;;;;;;;AAElF,yCAA+C;AAE/C,4CAAsE;AAIzD,QAAA,QAAQ,GAAG,WAAW,CAAC;AACvB,QAAA,kBAAkB,GAAG,qBAAqB,CAAC;AAC3C,QAAA,SAAS,GAAG,YAAY,CAAC;AAGtC,IAAa,oBAAoB,GAAjC,MAAa,oBAAoB;IAK7B,SAAS,CAAC,IAAU;QAChB,IAAI,CAAC,MAAM,CAAC,gBAAQ,EAAE;YAClB,WAAW,EAAE,2CAA2C;YACxD,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,0BAAkB,EAAE;YAC5B,WAAW,EAAE,4DAA4D;YACzE,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,iBAAS,EAAE;YACnB,WAAW,EAAE,+DAA+D;YAC5E,IAAI,EAAE,SAAS;SAClB,CAAC,CAAC;IACP,CAAC;IAED,YAAY,CAAC,IAAe;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAQ,CAAC,CAAC;QAChC,MAAM,aAAa,GAAG,IAAI,CAAC,0BAAkB,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAS,CAAC,CAAC;QAClC,MAAM,MAAM,GAAyB,EAAE,CAAC;QACxC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAC9B,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;SACrC;QACD,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;YACnC,MAAM,CAAC,kBAAkB,GAAG,aAAa,CAAC;SAC7C;QACD,IAAI,OAAO,SAAS,KAAK,SAAS,EAAE;YAChC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;SAChC;QACD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1C,CAAC;CAEJ,CAAA;AAlCG;IADC,IAAA,kBAAM,EAAC,wBAAc,CAAC;;4DAC2B;AAHzC,oBAAoB;IADhC,IAAA,sBAAU,GAAE;GACA,oBAAoB,CAqChC;AArCY,oDAAoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theia/core",
-  "version": "1.27.0-next.9+53a272e1138",
+  "version": "1.27.0",
   "description": "Theia is a cloud & desktop IDE framework implemented in TypeScript.",
   "main": "lib/common/index.js",
   "typings": "lib/common/index.d.ts",
@@ -16,8 +16,8 @@
     "@phosphor/signaling": "1",
     "@phosphor/virtualdom": "1",
     "@phosphor/widgets": "1",
-    "@theia/application-package": "1.27.0-next.9+53a272e1138",
-    "@theia/request": "1.27.0-next.9+53a272e1138",
+    "@theia/application-package": "1.27.0",
+    "@theia/request": "1.27.0",
     "@types/body-parser": "^1.16.4",
     "@types/cookie": "^0.3.3",
     "@types/dompurify": "^2.2.2",
@@ -61,7 +61,6 @@
     "react-dom": "^16.8.0",
     "react-tooltip": "^4.2.21",
     "react-virtualized": "^9.20.0",
-    "reconnecting-websocket": "^4.2.0",
     "reflect-metadata": "^0.1.10",
     "route-parser": "^0.0.5",
     "safer-buffer": "^2.1.2",
@@ -70,7 +69,6 @@
     "uuid": "^8.3.2",
     "vscode-languageserver-protocol": "~3.15.3",
     "vscode-uri": "^2.1.1",
-    "vscode-ws-jsonrpc": "^0.2.0",
     "ws": "^7.1.2",
     "yargs": "^15.3.1"
   },
@@ -113,8 +111,7 @@
         "react-dom",
         "react-virtualized",
         "vscode-languageserver-protocol",
-        "vscode-uri",
-        "vscode-ws-jsonrpc"
+        "vscode-uri"
       ],
       "export =": [
         "dompurify as DOMPurify",
@@ -196,12 +193,12 @@
     "watch": "theiaext watch"
   },
   "devDependencies": {
-    "@theia/ext-scripts": "1.26.0",
-    "@theia/re-exports": "1.26.0",
+    "@theia/ext-scripts": "1.27.0",
+    "@theia/re-exports": "1.27.0",
     "minimist": "^1.2.0"
   },
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "53a272e113890174c8b3049b8d1a74999dee0cd4"
+  "gitHead": "b952ad743a97821dee94787e946f5a288174d4e8"
 }

package/src/browser/color-application-contribution.ts

@@ -21,6 +21,7 @@ import { ThemeService } from './theming';
 import { FrontendApplicationContribution } from './frontend-application';
 import { ContributionProvider } from '../common/contribution-provider';
 import { Disposable, DisposableCollection } from '../common/disposable';
+import { DEFAULT_BACKGROUND_COLOR_STORAGE_KEY } from './frontend-application-config-provider';
 
 export const ColorContribution = Symbol('ColorContribution');
 export interface ColorContribution {
@@ -39,18 +40,17 @@ export class ColorApplicationContribution implements FrontendApplicationContribu
     @inject(ContributionProvider) @named(ColorContribution)
     protected readonly colorContributions: ContributionProvider<ColorContribution>;
 
-    private static themeBackgroundId = 'theme.background';
+    @inject(ThemeService) protected readonly themeService: ThemeService;
 
     onStart(): void {
         for (const contribution of this.colorContributions.getContributions()) {
             contribution.registerColors(this.colors);
         }
-
-        this.updateThemeBackground();
-        ThemeService.get().onDidColorThemeChange(() => this.updateThemeBackground());
-
-        this.update();
-        ThemeService.get().onDidColorThemeChange(() => this.update());
+        this.themeService.initialized.then(() => this.update());
+        this.themeService.onDidColorThemeChange(() => {
+            this.update();
+            this.updateThemeBackground();
+        });
         this.colors.onDidChange(() => this.update());
     }
 
@@ -60,7 +60,7 @@ export class ColorApplicationContribution implements FrontendApplicationContribu
             return;
         }
         this.toUpdate.dispose();
-        const theme = 'theia-' + ThemeService.get().getCurrentTheme().type;
+        const theme = 'theia-' + this.themeService.getCurrentTheme().type;
         document.body.classList.add(theme);
         this.toUpdate.push(Disposable.create(() => document.body.classList.remove(theme)));
 
@@ -81,16 +81,9 @@ export class ColorApplicationContribution implements FrontendApplicationContribu
     protected updateThemeBackground(): void {
         const color = this.colors.getCurrentColor('editor.background');
         if (color) {
-            window.localStorage.setItem(ColorApplicationContribution.themeBackgroundId, color);
+            window.localStorage.setItem(DEFAULT_BACKGROUND_COLOR_STORAGE_KEY, color);
         } else {
-            window.localStorage.removeItem(ColorApplicationContribution.themeBackgroundId);
+            window.localStorage.removeItem(DEFAULT_BACKGROUND_COLOR_STORAGE_KEY);
         }
     }
-
-    static initBackground(): void {
-        const value = window.localStorage.getItem(this.themeBackgroundId) || '#1d1d1d';
-        const documentElement = document.documentElement;
-        documentElement.style.setProperty('--theia-editor-background', value);
-    }
-
 }

package/src/browser/color-registry.ts

@@ -19,11 +19,6 @@ import { DisposableCollection, Disposable } from '../common/disposable';
 import { Emitter } from '../common/event';
 import { ColorDefinition, ColorCssVariable } from '../common/color';
 
-/**
- * @deprecated since 1.20.0. Import from `@theia/core/lib/common/color` instead.
- */
-export * from '../common/color';
-
 @injectable()
 export class ColorRegistry {
 

package/src/browser/common-frontend-contribution.ts

@@ -41,7 +41,8 @@ import { QuickViewService } from './quick-input/quick-view-service';
 import { environment } from '@theia/application-package/lib/environment';
 import { IconThemeService } from './icon-theme-service';
 import { ColorContribution } from './color-application-contribution';
-import { ColorRegistry, Color } from './color-registry';
+import { ColorRegistry } from './color-registry';
+import { Color } from '../common/color';
 import { CoreConfiguration, CorePreferences } from './core-preferences';
 import { ThemeService } from './theming';
 import { PreferenceService, PreferenceScope, PreferenceChangeEvent } from './preferences';
@@ -62,7 +63,8 @@ import { DecorationStyle } from './decoration-style';
 import { isPinned, Title, togglePinned, Widget } from './widgets';
 import { SaveResourceService } from './save-resource-service';
 import { UserWorkingDirectoryProvider } from './user-working-directory-provider';
-import { createUntitledURI } from '../common';
+import { UntitledResourceResolver } from '../common';
+import { LanguageQuickPickService } from './i18n/language-quick-pick-service';
 
 export namespace CommonMenus {
 
@@ -399,6 +401,12 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
     @inject(UserWorkingDirectoryProvider)
     protected readonly workingDirProvider: UserWorkingDirectoryProvider;
 
+    @inject(LanguageQuickPickService)
+    protected readonly languageQuickPickService: LanguageQuickPickService;
+
+    @inject(UntitledResourceResolver)
+    protected readonly untitledResourceResolver: UntitledResourceResolver;
+
     protected pinnedKey: ContextKey<boolean>;
 
     async configure(app: FrontendApplication): Promise<void> {
@@ -956,7 +964,11 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
             execute: () => this.configureDisplayLanguage()
         });
         commandRegistry.registerCommand(CommonCommands.NEW_FILE, {
-            execute: async () => open(this.openerService, createUntitledURI('', await this.workingDirProvider.getUserWorkingDir()))
+            execute: async () => {
+                const untitledUri = this.untitledResourceResolver.createUntitledURI('', await this.workingDirProvider.getUserWorkingDir());
+                this.untitledResourceResolver.resolve(untitledUri);
+                return open(this.openerService, untitledUri);
+            }
         });
     }
 
@@ -1141,27 +1153,12 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
     }
 
     protected async configureDisplayLanguage(): Promise<void> {
-        const availableLanguages = await this.localizationProvider.getAvailableLanguages();
-        const items: QuickPickItem[] = [];
-        for (const languageId of ['en', ...availableLanguages.map(e => e.languageId)]) {
-            if (typeof languageId === 'string') {
-                items.push({
-                    label: languageId,
-                    execute: async () => {
-                        if (languageId !== nls.locale && await this.confirmRestart()) {
-                            this.windowService.setSafeToShutDown();
-                            window.localStorage.setItem(nls.localeId, languageId);
-                            this.windowService.reload();
-                        }
-                    }
-                });
-            }
+        const languageId = await this.languageQuickPickService.pickDisplayLanguage();
+        if (languageId && !nls.isSelectedLocale(languageId) && await this.confirmRestart()) {
+            nls.setLocale(languageId);
+            this.windowService.setSafeToShutDown();
+            this.windowService.reload();
         }
-        this.quickInputService?.showQuickPick(items,
-            {
-                placeholder: CommonCommands.CONFIGURE_DISPLAY_LANGUAGE.label,
-                activeItem: items.find(item => item.label === (nls.locale || 'en'))
-            });
     }
 
     protected async confirmRestart(): Promise<boolean> {
@@ -1486,10 +1483,6 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
             },
             {
                 id: 'tab.hoverBackground',
-                defaults: {
-                    dark: 'tab.inactiveBackground',
-                    light: 'tab.inactiveBackground'
-                },
                 description: 'Tab background color when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups.'
             },
             {
@@ -1624,16 +1617,16 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
             // if not yet contributed by Monaco, check runtime css variables to learn.
             {
                 id: 'quickInput.background', defaults: {
-                    dark: 'sideBar.background',
-                    light: 'sideBar.background',
-                    hc: 'sideBar.background'
+                    dark: 'editorWidget.background',
+                    light: 'editorWidget.background',
+                    hc: 'editorWidget.background'
                 }, description: 'Quick Input background color. The Quick Input widget is the container for views like the color theme picker.'
             },
             {
                 id: 'quickInput.foreground', defaults: {
-                    dark: 'sideBar.foreground',
-                    light: 'sideBar.foreground',
-                    hc: 'sideBar.foreground'
+                    dark: 'editorWidget.foreground',
+                    light: 'editorWidget.foreground',
+                    hc: 'editorWidget.foreground'
                 }, description: 'Quick Input foreground color. The Quick Input widget is the container for views like the color theme picker.'
             },
             {

package/src/browser/common-styling-participants.ts

@@ -0,0 +1,307 @@
+// *****************************************************************************
+// Copyright (C) 2022 TypeFox and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { injectable, interfaces } from 'inversify';
+import { ColorTheme, CssStyleCollector, StylingParticipant } from './styling-service';
+import { isHighContrast } from '../common/theme';
+
+export function bindCommonStylingParticipants(bind: interfaces.Bind): void {
+    for (const participant of [
+        ActionLabelStylingParticipant,
+        BadgeStylingParticipant,
+        BreadcrumbStylingParticipant,
+        ButtonStylingParticipant,
+        MenuStylingParticipant,
+        TabbarStylingParticipant,
+        TreeStylingParticipant,
+        StatusBarStylingParticipant
+    ]) {
+        bind(participant).toSelf().inSingletonScope();
+        bind(StylingParticipant).toService(participant);
+    }
+}
+
+@injectable()
+export class ActionLabelStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const focusBorder = theme.getColor('focusBorder');
+
+        if (isHighContrast(theme.type) && focusBorder) {
+            if (focusBorder) {
+                collector.addRule(`
+                    .action-label:hover {
+                        outline: 1px dashed ${focusBorder};
+                    }
+                `);
+            }
+        }
+    }
+}
+
+@injectable()
+export class TreeStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const focusBorder = theme.getColor('focusBorder');
+
+        if (isHighContrast(theme.type) && focusBorder) {
+            collector.addRule(`
+                .theia-TreeNode {
+                    outline-offset: -1px;
+                }
+                .theia-TreeNode:hover {
+                    outline: 1px dashed ${focusBorder};
+                }
+                .theia-Tree .theia-TreeNode.theia-mod-selected {
+                    outline: 1px dotted ${focusBorder};
+                }
+                .theia-Tree:focus .theia-TreeNode.theia-mod-selected,
+                .theia-Tree .ReactVirtualized__List:focus .theia-TreeNode.theia-mod-selected {
+                    outline: 1px solid ${focusBorder};
+                }
+            `);
+        }
+    }
+}
+
+@injectable()
+export class BreadcrumbStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const contrastBorder = theme.getColor('contrastBorder');
+
+        if (isHighContrast(theme.type) && contrastBorder) {
+            collector.addRule(`
+                .theia-tabBar-breadcrumb-row {
+                    outline: 1px solid ${contrastBorder};
+                }
+            `);
+        }
+    }
+}
+
+@injectable()
+export class StatusBarStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const focusBorder = theme.getColor('focusBorder');
+
+        if (isHighContrast(theme.type) && focusBorder) {
+            collector.addRule(`
+                #theia-statusBar .area .element.hasCommand:hover {
+                    outline: 1px dashed ${focusBorder};
+                }
+                #theia-statusBar .area .element.hasCommand:active {
+                    outline: 1px solid ${focusBorder};
+                }
+                .theia-mod-offline #theia-statusBar .area .element.hasCommand:hover {
+                    outline: none;
+                }
+                .theia-mod-offline #theia-statusBar .area .element.hasCommand:active {
+                    outline: none;
+                }
+            `);
+        } else {
+            collector.addRule(`
+                #theia-statusBar .area .element.hasCommand:hover {
+                    background-color: var(--theia-statusBarItem-hoverBackground);
+                }
+                #theia-statusBar .area .element.hasCommand:active {
+                    background-color: var(--theia-statusBarItem-activeBackground);
+                }
+                .theia-mod-offline #theia-statusBar .area .element.hasCommand:hover {
+                    background-color: var(--theia-statusBarItem-offlineHoverBackground) !important;
+                }
+                .theia-mod-offline #theia-statusBar .area .element.hasCommand:active {
+                    background-color: var(--theia-statusBarItem-offlineActiveBackground) !important;
+                }
+            `);
+        }
+    }
+}
+
+@injectable()
+export class MenuStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const focusBorder = theme.getColor('focusBorder');
+
+        if (isHighContrast(theme.type) && focusBorder) {
+            // Menu items
+            collector.addRule(`
+                .p-Menu .p-Menu-item.p-mod-active {
+                    outline: 1px solid ${focusBorder};
+                    outline-offset: -1px;
+                }
+                .p-MenuBar .p-MenuBar-item.p-mod-active {
+                    outline: 1px dashed ${focusBorder};
+                }
+                .p-MenuBar.p-mod-active .p-MenuBar-item.p-mod-active {
+                    outline: 1px solid ${focusBorder};
+                }
+            `);
+            // Sidebar items
+            collector.addRule(`
+                .theia-sidebar-menu > :hover {
+                    outline: 1px dashed ${focusBorder};
+                    outline-offset: -7px;
+                }
+            `);
+        }
+    }
+}
+
+@injectable()
+export class BadgeStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const contrastBorder = theme.getColor('contrastBorder');
+
+        if (isHighContrast(theme.type) && contrastBorder) {
+            collector.addRule(`.p-TabBar .theia-badge-decorator-sidebar {
+                outline: 1px solid ${contrastBorder};
+            }`);
+        }
+    }
+}
+
+@injectable()
+export class TabbarStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const focusBorder = theme.getColor('focusBorder');
+        const contrastBorder = theme.getColor('contrastBorder');
+        const highContrast = isHighContrast(theme.type);
+
+        if (highContrast && focusBorder) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab {
+                    outline-offset: -4px;
+                }
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab.p-mod-current {
+                    outline: 1px solid ${focusBorder};
+                }
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab:not(.p-mod-current):hover {
+                    outline: 1px dashed ${focusBorder};
+                }
+            `);
+        }
+        const tabActiveBackground = theme.getColor('tab.activeBackground');
+        const tabActiveBorderTop = theme.getColor('tab.activeBorderTop') || (highContrast && contrastBorder) || 'transparent';
+        const tabActiveBorder = theme.getColor('tab.activeBorder') || (highContrast && contrastBorder) || 'transparent';
+        collector.addRule(`
+            #theia-main-content-panel .p-TabBar .p-TabBar-tab.p-mod-current {
+                color: var(--theia-tab-activeForeground);
+                ${tabActiveBackground && `background: ${tabActiveBackground};`}
+                box-shadow: 0 1px 0 ${tabActiveBorderTop}, 0 -1px 0 ${tabActiveBorder} inset;
+            }
+        `);
+        // Hover Background
+        const tabHoverBackground = theme.getColor('tab.hoverBackground');
+        if (tabHoverBackground) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab:hover {
+                    background-color: ${tabHoverBackground};
+                }
+            `);
+        }
+
+        const tabUnfocusedHoverBackground = theme.getColor('tab.unfocusedHoverBackground');
+        if (tabUnfocusedHoverBackground) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar:not(.theia-tabBar-active) .p-TabBar-tab:hover {
+                    background-color: ${tabUnfocusedHoverBackground};
+                }
+            `);
+        }
+
+        // Hover Foreground
+        const tabHoverForeground = theme.getColor('tab.hoverForeground');
+        if (tabHoverForeground) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab:hover {
+                    color: ${tabHoverForeground};
+                }
+            `);
+        }
+
+        const tabUnfocusedHoverForeground = theme.getColor('tab.unfocusedHoverForeground');
+        if (tabUnfocusedHoverForeground) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar:not(.theia-tabBar-active) .p-TabBar-tab:hover {
+                    color: ${tabUnfocusedHoverForeground};
+                }
+            `);
+        }
+
+        // Hover Border
+        const tabHoverBorder = theme.getColor('tab.hoverBorder');
+        if (tabHoverBorder) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar .p-TabBar-tab:hover {
+                    box-shadow: 0 1px 0 ${tabHoverBorder} inset;
+                }
+            `);
+        }
+
+        const tabUnfocusedHoverBorder = theme.getColor('tab.unfocusedHoverBorder');
+        if (tabUnfocusedHoverBorder) {
+            collector.addRule(`
+                #theia-main-content-panel .p-TabBar:not(.theia-tabBar-active) .p-TabBar-tab:hover {
+                    box-shadow: 0 1px 0 ${tabUnfocusedHoverBorder} inset;
+                }
+            `);
+        }
+    }
+}
+
+@injectable()
+export class ButtonStylingParticipant implements StylingParticipant {
+    registerThemeStyle(theme: ColorTheme, collector: CssStyleCollector): void {
+        const contrastBorder = theme.getColor('contrastBorder');
+
+        if (isHighContrast(theme.type) && contrastBorder) {
+            collector.addRule(`
+                .theia-button {
+                    border: 1px solid ${contrastBorder};
+                }
+            `);
+        }
+
+        const buttonBackground = theme.getColor('button.background');
+        collector.addRule(`
+            .theia-button {
+                background: ${buttonBackground || 'none'};
+            }
+        `);
+        const buttonHoverBackground = theme.getColor('button.hoverBackground');
+        if (buttonHoverBackground) {
+            collector.addRule(`
+                .theia-button:hover {
+                    background-color: ${buttonHoverBackground};
+                }
+            `);
+        }
+        const secondaryButtonBackground = theme.getColor('secondaryButton.background');
+        collector.addRule(`
+            .theia-button.secondary {
+                background: ${secondaryButtonBackground || 'none'};
+            }
+        `);
+        const secondaryButtonHoverBackground = theme.getColor('secondaryButton.hoverBackground');
+        if (secondaryButtonHoverBackground) {
+            collector.addRule(`
+                .theia-button.secondary:hover {
+                    background-color: ${secondaryButtonHoverBackground};
+                }
+            `);
+        }
+    }
+}