@codingame/monaco-vscode-api 1.78.8 → 1.79.0

package/dist/vscode/vs/workbench/browser/style.js

@@ -0,0 +1,43 @@
+import { registerThemingParticipant } from 'monaco-editor/esm/vs/platform/theme/common/themeService.js';
+import { TITLE_BAR_ACTIVE_BACKGROUND, WORKBENCH_BACKGROUND } from '../common/theme.js';
+import { isWeb, isIOS, isWindows, isMacintosh } from 'monaco-editor/esm/vs/base/common/platform.js';
+import { createMetaElement } from 'monaco-editor/esm/vs/base/browser/dom.js';
+import { isSafari, isStandalone } from 'monaco-editor/esm/vs/base/browser/browser.js';
+import { selectionBackground } from 'monaco-editor/esm/vs/platform/theme/common/colorRegistry.js';
+registerThemingParticipant((theme, collector) => {
+    const workbenchBackground = WORKBENCH_BACKGROUND(theme);
+    collector.addRule(`.monaco-workbench { background-color: ${workbenchBackground}; }`);
+    const windowSelectionBackground = theme.getColor(selectionBackground);
+    if (windowSelectionBackground) {
+        collector.addRule(`.monaco-workbench ::selection { background-color: ${windowSelectionBackground}; }`);
+    }
+    if (isWeb) {
+        const titleBackground = theme.getColor(TITLE_BAR_ACTIVE_BACKGROUND);
+        if (titleBackground) {
+            const metaElementId = 'monaco-workbench-meta-theme-color';
+            let metaElement = document.getElementById(metaElementId);
+            if (!metaElement) {
+                metaElement = createMetaElement();
+                metaElement.name = 'theme-color';
+                metaElement.id = metaElementId;
+            }
+            metaElement.content = ( titleBackground.toString());
+        }
+    }
+    if (isSafari) {
+        collector.addRule(`
+			body.web {
+				touch-action: none;
+			}
+			.monaco-workbench .monaco-editor .view-lines {
+				user-select: text;
+				-webkit-user-select: text;
+			}
+		`);
+    }
+    if (isIOS && isStandalone()) {
+        collector.addRule(`body { background-color: ${workbenchBackground}; }`);
+    }
+});
+const DEFAULT_FONT_FAMILY = isWindows ? '"Segoe WPC", "Segoe UI", sans-serif' : isMacintosh ? '-apple-system, BlinkMacSystemFont, sans-serif' : 'system-ui, "Ubuntu", "Droid Sans", sans-serif';
+export { DEFAULT_FONT_FAMILY };

package/dist/vscode/vs/workbench/common/activity.js

@@ -0,0 +1,3 @@
+const GLOBAL_ACTIVITY_ID = 'workbench.action.globalActivity';
+const ACCOUNTS_ACTIVITY_ID = 'workbench.action.accountsActivity';
+export { ACCOUNTS_ACTIVITY_ID, GLOBAL_ACTIVITY_ID };

package/dist/vscode/vs/workbench/common/contextkeys.js

@@ -7,18 +7,40 @@ import { ILanguageService } from 'monaco-editor/esm/vs/editor/common/languages/l
 import { IFileService } from 'monaco-editor/esm/vs/platform/files/common/files.js';
 import { IModelService } from 'monaco-editor/esm/vs/editor/common/services/model.js';
 import { Schemas } from 'monaco-editor/esm/vs/base/common/network.js';
-const ActiveEditorStickyContext = ( new RawContextKey('activeEditorIsPinned', false, ( localize('activeEditorIsPinned', "Whether the active editor is pinned"))));
-const ActiveEditorCanSplitInGroupContext = ( new RawContextKey('activeEditorCanSplitInGroup', true));
-const TextCompareEditorVisibleContext = ( new RawContextKey('textCompareEditorVisible', false, ( localize('textCompareEditorVisible', "Whether a text compare editor is visible"))));
-const TextCompareEditorActiveContext = ( new RawContextKey('textCompareEditorActive', false, ( localize('textCompareEditorActive', "Whether a text compare editor is active"))));
-const SideBySideEditorActiveContext = ( new RawContextKey('sideBySideEditorActive', false, ( localize('sideBySideEditorActive', "Whether a side by side editor is active"))));
-const ActiveEditorGroupEmptyContext = ( new RawContextKey('activeEditorGroupEmpty', false, ( localize('activeEditorGroupEmpty', "Whether the active editor group is empty"))));
-const ActiveEditorGroupLockedContext = ( new RawContextKey('activeEditorGroupLocked', false, ( localize('activeEditorGroupLocked', "Whether the active editor group is locked"))));
-const MultipleEditorGroupsContext = ( new RawContextKey('multipleEditorGroups', false, ( localize('multipleEditorGroups', "Whether there are multiple editor groups opened"))));
+const WorkbenchStateContext = ( new RawContextKey('workbenchState', undefined, { type: 'string', description: ( localize(
+    'workbenchState',
+    "The kind of workspace opened in the window, either 'empty' (no workspace), 'folder' (single folder) or 'workspace' (multi-root workspace)"
+)) }));
+const WorkspaceFolderCountContext = ( new RawContextKey('workspaceFolderCount', 0, ( localize('workspaceFolderCount', "The number of root folders in the workspace"))));
+const OpenFolderWorkspaceSupportContext = ( new RawContextKey('openFolderWorkspaceSupport', true, true));
+const EnterMultiRootWorkspaceSupportContext = ( new RawContextKey('enterMultiRootWorkspaceSupport', true, true));
+const EmptyWorkspaceSupportContext = ( new RawContextKey('emptyWorkspaceSupport', true, true));
+const RemoteNameContext = ( new RawContextKey('remoteName', '', ( localize(
+    'remoteName',
+    "The name of the remote the window is connected to or an empty string if not connected to any remote"
+))));
+const IsFullscreenContext = ( new RawContextKey('isFullscreen', false, ( localize('isFullscreen', "Whether the window is in fullscreen mode"))));
+const ActiveEditorContext = ( new RawContextKey('activeEditor', null, { type: 'string', description: ( localize('activeEditor', "The identifier of the active editor")) }));
+const InEditorZenModeContext = ( new RawContextKey('inZenMode', false, ( localize('inZenMode', "Whether Zen mode is enabled"))));
+const IsCenteredLayoutContext = ( new RawContextKey('isCenteredLayout', false, ( localize('isCenteredLayout', "Whether centered layout is enabled"))));
+const SideBarVisibleContext = ( new RawContextKey('sideBarVisible', false, ( localize('sideBarVisible', "Whether the sidebar is visible"))));
+const SidebarFocusContext = ( new RawContextKey('sideBarFocus', false, ( localize('sideBarFocus', "Whether the sidebar has keyboard focus"))));
+const ActiveViewletContext = ( new RawContextKey('activeViewlet', '', ( localize('activeViewlet', "The identifier of the active viewlet"))));
 const NotificationFocusedContext = ( new RawContextKey('notificationFocus', true, ( localize('notificationFocus', "Whether a notification has keyboard focus"))));
 const NotificationsCenterVisibleContext = ( new RawContextKey('notificationCenterVisible', false, ( localize('notificationCenterVisible', "Whether the notifications center is visible"))));
 const NotificationsToastsVisibleContext = ( new RawContextKey('notificationToastsVisible', false, ( localize('notificationToastsVisible', "Whether a notification toast is visible"))));
+const AuxiliaryBarVisibleContext = ( new RawContextKey('auxiliaryBarVisible', false, ( localize('auxiliaryBarVisible', "Whether the auxiliary bar is visible"))));
+const ActivePanelContext = ( new RawContextKey('activePanel', '', ( localize('activePanel', "The identifier of the active panel"))));
 const PanelFocusContext = ( new RawContextKey('panelFocus', false, ( localize('panelFocus', "Whether the panel has keyboard focus"))));
+const PanelPositionContext = ( new RawContextKey('panelPosition', 'bottom', ( localize('panelPosition', "The position of the panel, always 'bottom'"))));
+const PanelAlignmentContext = ( new RawContextKey('panelAlignment', 'center', ( localize(
+    'panelAlignment',
+    "The alignment of the panel, either 'center', 'left', 'right' or 'justify'"
+))));
+const PanelVisibleContext = ( new RawContextKey('panelVisible', false, ( localize('panelVisible', "Whether the panel is visible"))));
+const FocusedViewContext = ( new RawContextKey('focusedView', '', ( localize('focusedView', "The identifier of the view that has keyboard focus"))));
+function getVisbileViewContextKey(viewId) { return `view.${viewId}.visible`; }
+function getEnabledViewContainerContextKey(viewContainerId) { return `viewContainer.${viewContainerId}.enabled`; }
 let ResourceContextKey = class ResourceContextKey {
     constructor(_contextKeyService, _fileService, _languageService, _modelService) {
         this._contextKeyService = _contextKeyService;
@@ -138,4 +160,4 @@ ResourceContextKey = ( __decorate([
     ( __param(2, ILanguageService)),
     ( __param(3, IModelService))
 ], ResourceContextKey));
-export { ActiveEditorCanSplitInGroupContext, ActiveEditorGroupEmptyContext, ActiveEditorGroupLockedContext, ActiveEditorStickyContext, MultipleEditorGroupsContext, NotificationFocusedContext, NotificationsCenterVisibleContext, NotificationsToastsVisibleContext, PanelFocusContext, ResourceContextKey, SideBySideEditorActiveContext, TextCompareEditorActiveContext, TextCompareEditorVisibleContext };
+export { ActiveEditorContext, ActivePanelContext, ActiveViewletContext, AuxiliaryBarVisibleContext, EmptyWorkspaceSupportContext, EnterMultiRootWorkspaceSupportContext, FocusedViewContext, InEditorZenModeContext, IsCenteredLayoutContext, IsFullscreenContext, NotificationFocusedContext, NotificationsCenterVisibleContext, NotificationsToastsVisibleContext, OpenFolderWorkspaceSupportContext, PanelAlignmentContext, PanelFocusContext, PanelPositionContext, PanelVisibleContext, RemoteNameContext, ResourceContextKey, SideBarVisibleContext, SidebarFocusContext, WorkbenchStateContext, WorkspaceFolderCountContext, getEnabledViewContainerContextKey, getVisbileViewContextKey };

package/dist/vscode/vs/workbench/common/editor/textEditorModel.js

@@ -81,16 +81,15 @@ let BaseTextEditorModel = class BaseTextEditorModel extends EditorModel {
             return;
         }
         const lang = await this.languageDetectionService.detectLanguage(this.textEditorModelHandle);
-        if (lang && !this.isDisposed()) {
+        const prevLang = this.getLanguageId();
+        if (lang && lang !== prevLang && !this.isDisposed()) {
             this.setLanguageIdInternal(lang, LanguageDetectionLanguageEventSource);
             const languageName = this.languageService.getLanguageName(lang);
-            if (languageName) {
-                this.accessibilityService.alert(( localize(
-                    'languageAutoDetected',
-                    "Language {0} was automatically detected and set as the language mode.",
-                    languageName
-                )));
-            }
+            this.accessibilityService.alert(( localize(
+                'languageAutoDetected',
+                "Language {0} was automatically detected and set as the language mode.",
+                languageName ?? lang
+            )));
         }
     }
     createTextEditorModel(value, resource, preferredLanguageId) {

package/dist/vscode/vs/workbench/common/editor.js

@@ -5,9 +5,6 @@ import { toDisposable, Disposable } from 'monaco-editor/esm/vs/base/common/lifec
 import { IInstantiationService } from 'monaco-editor/esm/vs/platform/instantiation/common/instantiation.js';
 import { Registry } from 'monaco-editor/esm/vs/platform/registry/common/platform.js';
 import { Schemas } from 'monaco-editor/esm/vs/base/common/network.js';
-import { createErrorWithActions } from 'monaco-editor/esm/vs/base/common/errorMessage.js';
-import { toAction } from 'monaco-editor/esm/vs/base/common/actions.js';
-import Severity from 'monaco-editor/esm/vs/base/common/severity.js';
 const EditorExtensions = {
     EditorPane: 'workbench.contributions.editors',
     EditorFactory: 'workbench.contributions.editor.inputFactories'
@@ -17,13 +14,8 @@ const DEFAULT_EDITOR_ASSOCIATION = {
     displayName: ( localize('promptOpenWith.defaultEditor.displayName', "Text Editor")),
     providerDisplayName: ( localize('builtinProviderDisplayName', "Built-in"))
 };
-const SIDE_BY_SIDE_EDITOR_ID = 'workbench.editor.sidebysideEditor';
 const TEXT_DIFF_EDITOR_ID = 'workbench.editors.textDiffEditor';
 const BINARY_DIFF_EDITOR_ID = 'workbench.editors.binaryResourceDiffEditor';
-function isEditorPaneWithSelection(editorPane) {
-    const candidate = editorPane;
-    return !!candidate && typeof candidate.getSelection === 'function' && !!candidate.onDidChangeSelection;
-}
 function findViewStateForEditor(input, group, editorService) {
     for (const editorPane of editorService.visibleEditorPanes) {
         if (editorPane.group.id === group && input.matches(editorPane.input)) {
@@ -111,37 +103,6 @@ function isDiffEditorInput(editor) {
     const candidate = editor;
     return isEditorInput(candidate?.modified) && isEditorInput(candidate?.original);
 }
-function createTooLargeFileError(group, input, options, message, preferencesService) {
-    return createEditorOpenError(message, [
-        toAction({
-            id: 'workbench.action.openLargeFile', label: ( localize('openLargeFile', "Open Anyway")), run: () => {
-                const fileEditorOptions = {
-                    ...options,
-                    limits: {
-                        size: Number.MAX_VALUE
-                    }
-                };
-                group.openEditor(input, fileEditorOptions);
-            }
-        }),
-        toAction({
-            id: 'workbench.action.configureEditorLargeFileConfirmation', label: ( localize('configureEditorLargeFileConfirmation', "Configure Limit")), run: () => {
-                return preferencesService.openUserSettings({ query: 'workbench.editorLargeFileConfirmation' });
-            }
-        }),
-    ], {
-        forceMessage: true,
-        forceSeverity: Severity.Warning
-    });
-}
-function isEditorInputWithOptions(editor) {
-    const candidate = editor;
-    return isEditorInput(candidate?.editor);
-}
-function isEditorInputWithOptionsAndGroup(editor) {
-    const candidate = editor;
-    return isEditorInputWithOptions(editor) && candidate?.group !== undefined;
-}
 function isEditorIdentifier(identifier) {
     const candidate = identifier;
     return typeof candidate?.groupId === 'number' && isEditorInput(candidate.editor);
@@ -297,11 +258,4 @@ function isTextEditorViewState(candidate) {
     const codeEditorViewState = viewState;
     return !!(codeEditorViewState.contributionsState && codeEditorViewState.viewState && Array.isArray(codeEditorViewState.cursorState));
 }
-function createEditorOpenError(messageOrError, actions, options) {
-    const error = createErrorWithActions(messageOrError, actions);
-    error.forceMessage = options?.forceMessage;
-    error.forceSeverity = options?.forceSeverity;
-    error.allowDialog = options?.allowDialog;
-    return error;
-}
-export { AbstractEditorInput, BINARY_DIFF_EDITOR_ID, DEFAULT_EDITOR_ASSOCIATION, EditorExtensions, EditorResourceAccessor, SIDE_BY_SIDE_EDITOR_ID, SaveSourceRegistry, SideBySideEditor, TEXT_DIFF_EDITOR_ID, createEditorOpenError, createTooLargeFileError, findViewStateForEditor, isDiffEditorInput, isEditorIdentifier, isEditorInput, isEditorInputWithOptions, isEditorInputWithOptionsAndGroup, isEditorPaneWithSelection, isResourceDiffEditorInput, isResourceEditorInput, isResourceMergeEditorInput, isResourceSideBySideEditorInput, isSideBySideEditorInput, isTextEditorViewState, isUntitledResourceEditorInput, isUntitledWithAssociatedResource };
+export { AbstractEditorInput, BINARY_DIFF_EDITOR_ID, DEFAULT_EDITOR_ASSOCIATION, EditorExtensions, EditorResourceAccessor, SaveSourceRegistry, SideBySideEditor, TEXT_DIFF_EDITOR_ID, findViewStateForEditor, isDiffEditorInput, isEditorIdentifier, isEditorInput, isResourceDiffEditorInput, isResourceEditorInput, isResourceMergeEditorInput, isResourceSideBySideEditorInput, isSideBySideEditorInput, isTextEditorViewState, isUntitledResourceEditorInput, isUntitledWithAssociatedResource };

package/dist/vscode/vs/workbench/common/theme.js

@@ -1,6 +1,19 @@
 import { localize } from 'monaco-editor/esm/vs/nls.js';
 import { registerColor, editorBackground, transparent, contrastBorder, treeIndentGuidesStroke, focusBorder, editorWidgetForeground, editorWidgetBackground, editorForeground, inputBorder, listActiveSelectionBackground, darken, listActiveSelectionForeground, editorInfoForeground, activeContrastBorder, errorForeground, editorWarningForeground, toolbarHoverBackground, widgetBorder, textLinkForeground, lighten, editorErrorForeground } from 'monaco-editor/esm/vs/platform/theme/common/colorRegistry.js';
 import { Color } from 'monaco-editor/esm/vs/base/common/color.js';
+import { ColorScheme } from 'monaco-editor/esm/vs/platform/theme/common/theme.js';
+function WORKBENCH_BACKGROUND(theme) {
+    switch (theme.type) {
+        case ColorScheme.LIGHT:
+            return ( Color.fromHex('#F3F3F3'));
+        case ColorScheme.HIGH_CONTRAST_LIGHT:
+            return ( Color.fromHex('#FFFFFF'));
+        case ColorScheme.HIGH_CONTRAST_DARK:
+            return ( Color.fromHex('#000000'));
+        default:
+            return ( Color.fromHex('#252526'));
+    }
+}
 const TAB_ACTIVE_BACKGROUND = registerColor('tab.activeBackground', {
     dark: editorBackground,
     light: editorBackground,
@@ -325,7 +338,7 @@ registerColor('editorGroup.dropIntoPromptBorder', {
     'editorDropIntoPromptBorder',
     "Border color of text shown over editors when dragging files. This text informs the user that they can hold shift to drop into the editor."
 )));
-const SIDE_BY_SIDE_EDITOR_HORIZONTAL_BORDER = registerColor('sideBySideEditor.horizontalBorder', {
+registerColor('sideBySideEditor.horizontalBorder', {
     dark: EDITOR_GROUP_BORDER,
     light: EDITOR_GROUP_BORDER,
     hcDark: EDITOR_GROUP_BORDER,
@@ -334,7 +347,7 @@ const SIDE_BY_SIDE_EDITOR_HORIZONTAL_BORDER = registerColor('sideBySideEditor.ho
     'sideBySideEditor.horizontalBorder',
     "Color to separate two editors from each other when shown side by side in an editor group from top to bottom."
 )));
-const SIDE_BY_SIDE_EDITOR_VERTICAL_BORDER = registerColor('sideBySideEditor.verticalBorder', {
+registerColor('sideBySideEditor.verticalBorder', {
     dark: EDITOR_GROUP_BORDER,
     light: EDITOR_GROUP_BORDER,
     hcDark: EDITOR_GROUP_BORDER,
@@ -370,7 +383,7 @@ const PANEL_ACTIVE_TITLE_FOREGROUND = registerColor('panelTitle.activeForeground
     'panelActiveTitleForeground',
     "Title color for the active panel. Panels are shown below the editor area and contain views like output and integrated terminal."
 )));
-registerColor('panelTitle.inactiveForeground', {
+const PANEL_INACTIVE_TITLE_FOREGROUND = registerColor('panelTitle.inactiveForeground', {
     dark: ( transparent(PANEL_ACTIVE_TITLE_FOREGROUND, 0.6)),
     light: ( transparent(PANEL_ACTIVE_TITLE_FOREGROUND, 0.75)),
     hcDark: Color.white,
@@ -379,7 +392,7 @@ registerColor('panelTitle.inactiveForeground', {
     'panelInactiveTitleForeground',
     "Title color for the inactive panel. Panels are shown below the editor area and contain views like output and integrated terminal."
 )));
-registerColor('panelTitle.activeBorder', {
+const PANEL_ACTIVE_TITLE_BORDER = registerColor('panelTitle.activeBorder', {
     dark: PANEL_ACTIVE_TITLE_FOREGROUND,
     light: PANEL_ACTIVE_TITLE_FOREGROUND,
     hcDark: contrastBorder,
@@ -394,7 +407,7 @@ registerColor('panelInput.border', {
     hcDark: inputBorder,
     hcLight: inputBorder
 }, ( localize('panelInputBorder', "Input box border for inputs in the panel.")));
-registerColor('panel.dropBorder', {
+const PANEL_DRAG_AND_DROP_BORDER = registerColor('panel.dropBorder', {
     dark: PANEL_ACTIVE_TITLE_FOREGROUND,
     light: PANEL_ACTIVE_TITLE_FOREGROUND,
     hcDark: PANEL_ACTIVE_TITLE_FOREGROUND,
@@ -403,7 +416,7 @@ registerColor('panel.dropBorder', {
     'panelDragAndDropBorder',
     "Drag and drop feedback color for the panel titles. Panels are shown below the editor area and contain views like output and integrated terminal."
 )));
-registerColor('panelSection.dropBackground', {
+const PANEL_SECTION_DRAG_AND_DROP_BACKGROUND = registerColor('panelSection.dropBackground', {
     dark: EDITOR_DRAG_AND_DROP_BACKGROUND,
     light: EDITOR_DRAG_AND_DROP_BACKGROUND,
     hcDark: EDITOR_DRAG_AND_DROP_BACKGROUND,
@@ -412,7 +425,7 @@ registerColor('panelSection.dropBackground', {
     'panelSectionDragAndDropBackground',
     "Drag and drop feedback color for the panel sections. The color should have transparency so that the panel sections can still shine through. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."
 )));
-registerColor('panelSectionHeader.background', {
+const PANEL_SECTION_HEADER_BACKGROUND = registerColor('panelSectionHeader.background', {
     dark: ( ( Color.fromHex('#808080')).transparent(0.2)),
     light: ( ( Color.fromHex('#808080')).transparent(0.2)),
     hcDark: null,
@@ -421,7 +434,7 @@ registerColor('panelSectionHeader.background', {
     'panelSectionHeaderBackground',
     "Panel section header background color. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."
 )));
-registerColor('panelSectionHeader.foreground', {
+const PANEL_SECTION_HEADER_FOREGROUND = registerColor('panelSectionHeader.foreground', {
     dark: null,
     light: null,
     hcDark: null,
@@ -430,7 +443,7 @@ registerColor('panelSectionHeader.foreground', {
     'panelSectionHeaderForeground',
     "Panel section header foreground color. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."
 )));
-registerColor('panelSectionHeader.border', {
+const PANEL_SECTION_HEADER_BORDER = registerColor('panelSectionHeader.border', {
     dark: contrastBorder,
     light: contrastBorder,
     hcDark: contrastBorder,
@@ -439,7 +452,7 @@ registerColor('panelSectionHeader.border', {
     'panelSectionHeaderBorder',
     "Panel section header border color used when multiple views are stacked vertically in the panel. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."
 )));
-registerColor('panelSection.border', {
+const PANEL_SECTION_BORDER = registerColor('panelSection.border', {
     dark: PANEL_BORDER,
     light: PANEL_BORDER,
     hcDark: PANEL_BORDER,
@@ -637,7 +650,7 @@ registerColor('statusBarItem.warningForeground', {
     'statusBarWarningItemForeground',
     "Status bar warning items foreground color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window."
 )));
-registerColor('activityBar.background', {
+const ACTIVITY_BAR_BACKGROUND = registerColor('activityBar.background', {
     dark: '#333333',
     light: '#2C2C2C',
     hcDark: '#000000',
@@ -655,7 +668,7 @@ const ACTIVITY_BAR_FOREGROUND = registerColor('activityBar.foreground', {
     'activityBarForeground',
     "Activity bar item foreground color when it is active. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.inactiveForeground', {
+const ACTIVITY_BAR_INACTIVE_FOREGROUND = registerColor('activityBar.inactiveForeground', {
     dark: ( transparent(ACTIVITY_BAR_FOREGROUND, 0.4)),
     light: ( transparent(ACTIVITY_BAR_FOREGROUND, 0.4)),
     hcDark: Color.white,
@@ -664,7 +677,7 @@ registerColor('activityBar.inactiveForeground', {
     'activityBarInActiveForeground',
     "Activity bar item foreground color when it is inactive. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.border', {
+const ACTIVITY_BAR_BORDER = registerColor('activityBar.border', {
     dark: null,
     light: null,
     hcDark: contrastBorder,
@@ -673,7 +686,7 @@ registerColor('activityBar.border', {
     'activityBarBorder',
     "Activity bar border color separating to the side bar. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.activeBorder', {
+const ACTIVITY_BAR_ACTIVE_BORDER = registerColor('activityBar.activeBorder', {
     dark: ACTIVITY_BAR_FOREGROUND,
     light: ACTIVITY_BAR_FOREGROUND,
     hcDark: null,
@@ -682,7 +695,7 @@ registerColor('activityBar.activeBorder', {
     'activityBarActiveBorder',
     "Activity bar border color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.activeFocusBorder', {
+const ACTIVITY_BAR_ACTIVE_FOCUS_BORDER = registerColor('activityBar.activeFocusBorder', {
     dark: null,
     light: null,
     hcDark: null,
@@ -691,7 +704,7 @@ registerColor('activityBar.activeFocusBorder', {
     'activityBarActiveFocusBorder',
     "Activity bar focus border color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.activeBackground', {
+const ACTIVITY_BAR_ACTIVE_BACKGROUND = registerColor('activityBar.activeBackground', {
     dark: null,
     light: null,
     hcDark: null,
@@ -700,7 +713,7 @@ registerColor('activityBar.activeBackground', {
     'activityBarActiveBackground',
     "Activity bar background color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."
 )));
-registerColor('activityBar.dropBorder', {
+const ACTIVITY_BAR_DRAG_AND_DROP_BORDER = registerColor('activityBar.dropBorder', {
     dark: ACTIVITY_BAR_FOREGROUND,
     light: ACTIVITY_BAR_FOREGROUND,
     hcDark: null,
@@ -745,7 +758,7 @@ registerColor('profileBadge.foreground', {
     'profileBadgeForeground',
     "Profile badge foreground color. The profile badge shows on top of the settings gear icon in the activity bar."
 )));
-registerColor('statusBarItem.remoteBackground', {
+const STATUS_BAR_HOST_NAME_BACKGROUND = registerColor('statusBarItem.remoteBackground', {
     dark: ACTIVITY_BAR_BADGE_BACKGROUND,
     light: ACTIVITY_BAR_BADGE_BACKGROUND,
     hcDark: ACTIVITY_BAR_BADGE_BACKGROUND,
@@ -799,7 +812,7 @@ const SIDE_BAR_FOREGROUND = registerColor('sideBar.foreground', {
     'sideBarForeground',
     "Side bar foreground color. The side bar is the container for views like explorer and search."
 )));
-registerColor('sideBar.border', {
+const SIDE_BAR_BORDER = registerColor('sideBar.border', {
     dark: null,
     light: null,
     hcDark: contrastBorder,
@@ -808,7 +821,7 @@ registerColor('sideBar.border', {
     'sideBarBorder',
     "Side bar border color on the side separating to the editor. The side bar is the container for views like explorer and search."
 )));
-registerColor('sideBarTitle.foreground', {
+const SIDE_BAR_TITLE_FOREGROUND = registerColor('sideBarTitle.foreground', {
     dark: SIDE_BAR_FOREGROUND,
     light: SIDE_BAR_FOREGROUND,
     hcDark: SIDE_BAR_FOREGROUND,
@@ -817,7 +830,7 @@ registerColor('sideBarTitle.foreground', {
     'sideBarTitleForeground',
     "Side bar title foreground color. The side bar is the container for views like explorer and search."
 )));
-registerColor('sideBar.dropBackground', {
+const SIDE_BAR_DRAG_AND_DROP_BACKGROUND = registerColor('sideBar.dropBackground', {
     dark: EDITOR_DRAG_AND_DROP_BACKGROUND,
     light: EDITOR_DRAG_AND_DROP_BACKGROUND,
     hcDark: EDITOR_DRAG_AND_DROP_BACKGROUND,
@@ -826,7 +839,7 @@ registerColor('sideBar.dropBackground', {
     'sideBarDragAndDropBackground',
     "Drag and drop feedback color for the side bar sections. The color should have transparency so that the side bar sections can still shine through. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."
 )));
-registerColor('sideBarSectionHeader.background', {
+const SIDE_BAR_SECTION_HEADER_BACKGROUND = registerColor('sideBarSectionHeader.background', {
     dark: ( ( Color.fromHex('#808080')).transparent(0.2)),
     light: ( ( Color.fromHex('#808080')).transparent(0.2)),
     hcDark: null,
@@ -835,7 +848,7 @@ registerColor('sideBarSectionHeader.background', {
     'sideBarSectionHeaderBackground',
     "Side bar section header background color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."
 )));
-registerColor('sideBarSectionHeader.foreground', {
+const SIDE_BAR_SECTION_HEADER_FOREGROUND = registerColor('sideBarSectionHeader.foreground', {
     dark: SIDE_BAR_FOREGROUND,
     light: SIDE_BAR_FOREGROUND,
     hcDark: SIDE_BAR_FOREGROUND,
@@ -844,7 +857,7 @@ registerColor('sideBarSectionHeader.foreground', {
     'sideBarSectionHeaderForeground',
     "Side bar section header foreground color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."
 )));
-registerColor('sideBarSectionHeader.border', {
+const SIDE_BAR_SECTION_HEADER_BORDER = registerColor('sideBarSectionHeader.border', {
     dark: contrastBorder,
     light: contrastBorder,
     hcDark: contrastBorder,
@@ -1039,4 +1052,4 @@ registerColor('window.inactiveBorder', {
     'windowInactiveBorder',
     "The color used for the border of the window when it is inactive. Only supported in the macOS and Linux desktop client when using the custom title bar."
 )));
-export { ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, ACTIVITY_BAR_FOREGROUND, EDITOR_DRAG_AND_DROP_BACKGROUND, EDITOR_GROUP_BORDER, NOTIFICATIONS_BACKGROUND, NOTIFICATIONS_CENTER_BORDER, NOTIFICATIONS_CENTER_HEADER_BACKGROUND, NOTIFICATIONS_CENTER_HEADER_FOREGROUND, NOTIFICATIONS_TOAST_BORDER, PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_BACKGROUND, PANEL_BORDER, SIDE_BAR_BACKGROUND, SIDE_BAR_FOREGROUND, SIDE_BY_SIDE_EDITOR_HORIZONTAL_BORDER, SIDE_BY_SIDE_EDITOR_VERTICAL_BORDER, STATUS_BAR_BORDER, STATUS_BAR_FOREGROUND, TAB_ACTIVE_BACKGROUND, TAB_ACTIVE_BORDER, TAB_ACTIVE_BORDER_TOP, TAB_ACTIVE_FOREGROUND, TAB_ACTIVE_MODIFIED_BORDER, TAB_HOVER_BACKGROUND, TAB_HOVER_BORDER, TAB_HOVER_FOREGROUND, TAB_INACTIVE_BACKGROUND, TAB_INACTIVE_FOREGROUND, TAB_INACTIVE_MODIFIED_BORDER, TITLE_BAR_ACTIVE_BACKGROUND, TITLE_BAR_ACTIVE_FOREGROUND };
+export { ACTIVITY_BAR_ACTIVE_BACKGROUND, ACTIVITY_BAR_ACTIVE_BORDER, ACTIVITY_BAR_ACTIVE_FOCUS_BORDER, ACTIVITY_BAR_BACKGROUND, ACTIVITY_BAR_BADGE_BACKGROUND, ACTIVITY_BAR_BADGE_FOREGROUND, ACTIVITY_BAR_BORDER, ACTIVITY_BAR_DRAG_AND_DROP_BORDER, ACTIVITY_BAR_FOREGROUND, ACTIVITY_BAR_INACTIVE_FOREGROUND, EDITOR_DRAG_AND_DROP_BACKGROUND, EDITOR_GROUP_BORDER, NOTIFICATIONS_BACKGROUND, NOTIFICATIONS_CENTER_BORDER, NOTIFICATIONS_CENTER_HEADER_BACKGROUND, NOTIFICATIONS_CENTER_HEADER_FOREGROUND, NOTIFICATIONS_TOAST_BORDER, PANEL_ACTIVE_TITLE_BORDER, PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_BACKGROUND, PANEL_BORDER, PANEL_DRAG_AND_DROP_BORDER, PANEL_INACTIVE_TITLE_FOREGROUND, PANEL_SECTION_BORDER, PANEL_SECTION_DRAG_AND_DROP_BACKGROUND, PANEL_SECTION_HEADER_BACKGROUND, PANEL_SECTION_HEADER_BORDER, PANEL_SECTION_HEADER_FOREGROUND, SIDE_BAR_BACKGROUND, SIDE_BAR_BORDER, SIDE_BAR_DRAG_AND_DROP_BACKGROUND, SIDE_BAR_FOREGROUND, SIDE_BAR_SECTION_HEADER_BACKGROUND, SIDE_BAR_SECTION_HEADER_BORDER, SIDE_BAR_SECTION_HEADER_FOREGROUND, SIDE_BAR_TITLE_FOREGROUND, STATUS_BAR_BORDER, STATUS_BAR_FOREGROUND, STATUS_BAR_HOST_NAME_BACKGROUND, TAB_ACTIVE_BACKGROUND, TAB_ACTIVE_BORDER, TAB_ACTIVE_BORDER_TOP, TAB_ACTIVE_FOREGROUND, TAB_ACTIVE_MODIFIED_BORDER, TAB_HOVER_BACKGROUND, TAB_HOVER_BORDER, TAB_HOVER_FOREGROUND, TAB_INACTIVE_BACKGROUND, TAB_INACTIVE_FOREGROUND, TAB_INACTIVE_MODIFIED_BORDER, TITLE_BAR_ACTIVE_BACKGROUND, TITLE_BAR_ACTIVE_FOREGROUND, WORKBENCH_BACKGROUND };