@codingame/monaco-vscode-theme-service-override 24.2.0 → 25.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingame/monaco-vscode-theme-service-override",
-  "version": "24.2.0",
+  "version": "25.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - theme service-override",
   "keywords": [],
@@ -15,8 +15,8 @@
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-api": "24.2.0",
-    "@codingame/monaco-vscode-files-service-override": "24.2.0"
+    "@codingame/monaco-vscode-api": "25.0.0",
+    "@codingame/monaco-vscode-files-service-override": "25.0.0"
   },
   "main": "index.js",
   "module": "index.js",

package/vscode/src/vs/platform/theme/common/sizeUtils.d.ts

@@ -0,0 +1,90 @@
+import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
+import { IJSONSchema } from "@codingame/monaco-vscode-api/vscode/vs/base/common/jsonSchema";
+import { IColorTheme } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService";
+export type SizeIdentifier = string;
+/**
+ * Size value unit types supported by the registry
+ */
+export type SizeUnit = "px" | "rem" | "em" | "%";
+/**
+ * A size value with a numeric amount and unit
+ */
+export interface SizeValue {
+    readonly value: number;
+    readonly unit: SizeUnit;
+}
+export interface SizeContribution {
+    readonly id: SizeIdentifier;
+    readonly description: string;
+    readonly defaults: SizeDefaults | SizeValue | null;
+    readonly deprecationMessage: string | undefined;
+}
+/**
+ * Returns the css variable name for the given size identifier. Dots (`.`) are replaced with hyphens (`-`) and
+ * everything is prefixed with `--vscode-`.
+ *
+ * @sample `editor.fontSize` is `--vscode-editor-fontSize`.
+ */
+export declare function asCssVariableName(sizeIdent: SizeIdentifier): string;
+export declare function asCssVariable(size: SizeIdentifier): string;
+export declare function asCssVariableWithDefault(size: SizeIdentifier, defaultCssValue: string): string;
+export interface SizeDefaults {
+    light: SizeValue | null;
+    dark: SizeValue | null;
+    hcDark: SizeValue | null;
+    hcLight: SizeValue | null;
+}
+export declare function isSizeDefaults(value: unknown): value is SizeDefaults;
+/**
+ * Helper function to create a size value
+ */
+export declare function size(value: number, unit?: SizeUnit): SizeValue;
+/**
+ * Helper function to create size defaults that use the same value for all themes
+ */
+export declare function sizeForAllThemes(value: number, unit?: SizeUnit): SizeDefaults;
+/**
+ * Convert a size value to a CSS string
+ */
+export declare function sizeValueToCss(sizeValue: SizeValue): string;
+export declare const Extensions: {
+    SizeContribution: string;
+};
+export declare const DEFAULT_SIZE_CONFIG_VALUE = "default";
+export interface ISizeRegistry {
+    readonly onDidChangeSchema: Event<void>;
+    /**
+     * Register a size to the registry.
+     * @param id The size id as used in theme description files
+     * @param defaults The default values
+     * @param description the description
+     */
+    registerSize(id: string, defaults: SizeDefaults | SizeValue | null, description: string): SizeIdentifier;
+    /**
+     * Deregister a size from the registry.
+     */
+    deregisterSize(id: string): void;
+    /**
+     * Get all size contributions
+     */
+    getSizes(): SizeContribution[];
+    /**
+     * Gets the default size of the given id
+     */
+    resolveDefaultSize(id: SizeIdentifier, theme: IColorTheme): SizeValue | undefined;
+    /**
+     * JSON schema for an object to assign size values to one of the size contributions.
+     */
+    getSizeSchema(): IJSONSchema;
+    /**
+     * JSON schema for a reference to a size contribution.
+     */
+    getSizeReferenceSchema(): IJSONSchema;
+    /**
+     * Notify when the color theme or settings change.
+     */
+    notifyThemeUpdate(theme: IColorTheme): void;
+}
+export declare function registerSize(id: string, defaults: SizeDefaults | SizeValue | null, description: string, deprecationMessage?: string): SizeIdentifier;
+export declare function getSizeRegistry(): ISizeRegistry;
+export declare const workbenchSizesSchemaId = "vscode://schemas/workbench-sizes";

package/vscode/src/vs/platform/theme/common/sizeUtils.js

@@ -0,0 +1,127 @@
+
+import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
+import { Extensions as Extensions$1 } from '@codingame/monaco-vscode-api/vscode/vs/platform/jsonschemas/common/jsonContributionRegistry';
+import { Registry } from '@codingame/monaco-vscode-api/vscode/vs/platform/registry/common/platform';
+import { Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { RunOnceScheduler } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
+
+function asCssVariableName(sizeIdent) {
+    return `--vscode-${sizeIdent.replace(/\./g, '-')}`;
+}
+function isSizeDefaults(value) {
+    return value !== null && typeof value === 'object' && 'light' in value && 'dark' in value;
+}
+function size(value, unit = 'px') {
+    return { value, unit };
+}
+function sizeForAllThemes(value, unit = 'px') {
+    const sizeValue = size(value, unit);
+    return {
+        light: sizeValue,
+        dark: sizeValue,
+        hcDark: sizeValue,
+        hcLight: sizeValue
+    };
+}
+function sizeValueToCss(sizeValue) {
+    return `${sizeValue.value}${sizeValue.unit}`;
+}
+const Extensions = {
+    SizeContribution: 'base.contributions.sizes'
+};
+class SizeRegistry extends Disposable {
+    constructor() {
+        super();
+        this._onDidChangeSchema = this._register(( new Emitter()));
+        this.onDidChangeSchema = this._onDidChangeSchema.event;
+        this.sizeSchema = { type: 'object', properties: {} };
+        this.sizeReferenceSchema = { type: 'string', enum: [], enumDescriptions: [] };
+        this.sizesById = {};
+    }
+    notifyThemeUpdate(theme) {
+        for (const key of ( Object.keys(this.sizesById))) {
+            const sizeVal = this.resolveDefaultSize(key, theme);
+            if (sizeVal) {
+                this.sizeSchema.properties[key].default = sizeValueToCss(sizeVal);
+            }
+        }
+        this._onDidChangeSchema.fire();
+    }
+    registerSize(id, defaults, description, deprecationMessage) {
+        const sizeContribution = { id, description, defaults, deprecationMessage };
+        this.sizesById[id] = sizeContribution;
+        const propertySchema = {
+            type: 'string',
+            pattern: '^(\\d+(\\.\\d+)?(px|rem|em|%))|default$',
+            patternErrorMessage: 'Size must be a number followed by px, rem, em, or % (e.g., "12px", "1.5rem") or "default"'
+        };
+        if (deprecationMessage) {
+            propertySchema.deprecationMessage = deprecationMessage;
+        }
+        this.sizeSchema.properties[id] = {
+            description,
+            ...propertySchema
+        };
+        this.sizeReferenceSchema.enum.push(id);
+        this.sizeReferenceSchema.enumDescriptions.push(description);
+        this._onDidChangeSchema.fire();
+        return id;
+    }
+    deregisterSize(id) {
+        delete this.sizesById[id];
+        delete this.sizeSchema.properties[id];
+        const index = this.sizeReferenceSchema.enum.indexOf(id);
+        if (index !== -1) {
+            this.sizeReferenceSchema.enum.splice(index, 1);
+            this.sizeReferenceSchema.enumDescriptions.splice(index, 1);
+        }
+        this._onDidChangeSchema.fire();
+    }
+    getSizes() {
+        return ( ( Object.keys(this.sizesById)).map(id => this.sizesById[id]));
+    }
+    resolveDefaultSize(id, theme) {
+        const sizeDesc = this.sizesById[id];
+        if (sizeDesc?.defaults) {
+            const sizeValue = isSizeDefaults(sizeDesc.defaults) ? sizeDesc.defaults[theme.type] : sizeDesc.defaults;
+            return sizeValue ?? undefined;
+        }
+        return undefined;
+    }
+    getSizeSchema() {
+        return this.sizeSchema;
+    }
+    getSizeReferenceSchema() {
+        return this.sizeReferenceSchema;
+    }
+    toString() {
+        const sorter = (a, b) => {
+            const cat1 = a.indexOf('.') === -1 ? 0 : 1;
+            const cat2 = b.indexOf('.') === -1 ? 0 : 1;
+            if (cat1 !== cat2) {
+                return cat1 - cat2;
+            }
+            return a.localeCompare(b);
+        };
+        return ( ( Object.keys(this.sizesById)).sort(sorter).map(k => `- \`${k}\`: ${this.sizesById[k].description}`)).join('\n');
+    }
+}
+const sizeRegistry = ( new SizeRegistry());
+Registry.add(Extensions.SizeContribution, sizeRegistry);
+function registerSize(id, defaults, description, deprecationMessage) {
+    return sizeRegistry.registerSize(id, defaults, description, deprecationMessage);
+}
+function getSizeRegistry() {
+    return sizeRegistry;
+}
+const workbenchSizesSchemaId = 'vscode://schemas/workbench-sizes';
+const schemaRegistry = Registry.as(Extensions$1.JSONContribution);
+schemaRegistry.registerSchema(workbenchSizesSchemaId, sizeRegistry.getSizeSchema());
+const delayer = ( new RunOnceScheduler(() => schemaRegistry.notifySchemaChanged(workbenchSizesSchemaId), 200));
+sizeRegistry.onDidChangeSchema(() => {
+    if (!delayer.isScheduled()) {
+        delayer.schedule();
+    }
+});
+
+export { Extensions, asCssVariableName, getSizeRegistry, isSizeDefaults, registerSize, size, sizeForAllThemes, sizeValueToCss, workbenchSizesSchemaId };

package/vscode/src/vs/platform/theme/common/sizes/baseSizes.d.ts

@@ -0,0 +1,11 @@
+export declare const bodyFontSize: string;
+export declare const bodyFontSizeSmall: string;
+export declare const bodyFontSizeXSmall: string;
+export declare const codiconFontSize: string;
+export declare const cornerRadiusMedium: string;
+export declare const cornerRadiusXSmall: string;
+export declare const cornerRadiusSmall: string;
+export declare const cornerRadiusLarge: string;
+export declare const cornerRadiusXLarge: string;
+export declare const cornerRadiusCircle: string;
+export declare const strokeThickness: string;

package/vscode/src/vs/platform/theme/common/sizes/baseSizes.js

@@ -0,0 +1,18 @@
+
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { registerSize, sizeForAllThemes } from '../sizeUtils.js';
+
+registerSize('bodyFontSize', sizeForAllThemes(13, 'px'), ( localize(
+ 2372,
+ "Base font size. This size is used if not overridden by a component."
+)));
+registerSize('bodyFontSize.small', sizeForAllThemes(12, 'px'), ( localize(2373, "Small font size for secondary content.")));
+registerSize('bodyFontSize.xSmall', sizeForAllThemes(11, 'px'), ( localize(2374, "Extra small font size for less prominent content.")));
+registerSize('codiconFontSize', sizeForAllThemes(16, 'px'), ( localize(2375, "Base font size for codicons.")));
+registerSize('cornerRadius.medium', sizeForAllThemes(6, 'px'), ( localize(2376, "Base corner radius for UI elements.")));
+registerSize('cornerRadius.xSmall', sizeForAllThemes(2, 'px'), ( localize(2377, "Extra small corner radius for very compact UI elements.")));
+registerSize('cornerRadius.small', sizeForAllThemes(4, 'px'), ( localize(2378, "Small corner radius for compact UI elements.")));
+registerSize('cornerRadius.large', sizeForAllThemes(8, 'px'), ( localize(2379, "Large corner radius for prominent UI elements.")));
+registerSize('cornerRadius.xLarge', sizeForAllThemes(12, 'px'), ( localize(2380, "Extra large corner radius for very prominent UI elements.")));
+registerSize('cornerRadius.circle', sizeForAllThemes(9999, 'px'), ( localize(2381, "Circular corner radius for fully rounded UI elements.")));
+registerSize('strokeThickness', sizeForAllThemes(1, 'px'), ( localize(2382, "Base stroke thickness for borders and outlines.")));

package/vscode/src/vs/workbench/contrib/themes/browser/themes.contribution.js

@@ -26,6 +26,7 @@ import { Color } from '@codingame/monaco-vscode-api/vscode/vs/base/common/color'
 import { ColorScheme, isHighContrast } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/theme';
 import { colorThemeSchemaId } from '../../../services/themes/common/colorThemeSchema.js';
 import { isCancellationError, onUnexpectedError } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errors';
+import { QuickInputButtonLocation } from '@codingame/monaco-vscode-api/vscode/vs/platform/quickinput/common/quickInput';
 import { IQuickInputService } from '@codingame/monaco-vscode-api/vscode/vs/platform/quickinput/common/quickInput.service';
 import { ProductIconThemeData, DEFAULT_PRODUCT_ICON_THEME_ID } from '../../../services/themes/browser/productIconThemeData.js';
 import { ThrottledDelayer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
@@ -48,12 +49,10 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/noti
 import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
 import { IPreferencesService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/preferences/common/preferences.service';
-import { Toggle } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/toggle/toggle';
-import { defaultToggleStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import Severity from '@codingame/monaco-vscode-api/vscode/vs/base/common/severity';
 
-const manageExtensionIcon = registerIcon('theme-selection-manage-extension', Codicon.gear, ( localize(12722, 'Icon for the \'Manage\' action in the theme selection quick pick.')));
+const manageExtensionIcon = registerIcon('theme-selection-manage-extension', Codicon.gear, ( localize(12774, 'Icon for the \'Manage\' action in the theme selection quick pick.')));
 var ConfigureItem;
 (function (ConfigureItem) {
     ConfigureItem["BROWSE_GALLERY"] = "marketplace";
@@ -161,7 +160,7 @@ let MarketplaceThemesPicker = class MarketplaceThemesPicker {
             quickpick.matchOnDescription = true;
             quickpick.buttons = [this.quickInputService.backButton];
             quickpick.title = 'Marketplace Themes';
-            quickpick.placeholder = ( localize(12723, "Type to Search More. Select to Install. Up/Down Keys to Preview"));
+            quickpick.placeholder = ( localize(12775, "Type to Search More. Select to Install. Up/Down Keys to Preview"));
             quickpick.canSelectMany = false;
             disposables.add(quickpick.onDidChangeValue(() => this.trigger(quickpick.value)));
             disposables.add(quickpick.onDidAccept(async (_) => {
@@ -213,7 +212,7 @@ let MarketplaceThemesPicker = class MarketplaceThemesPicker {
                     items = items.concat({ label: '$(loading~spin) Searching for themes...', id: undefined, alwaysShow: true });
                 }
                 else if (items.length === 0 && this._searchError) {
-                    items = [{ label: `$(error) ${( localize(12724, 'Error while searching for themes: {0}', this._searchError))}`, id: undefined, alwaysShow: true }];
+                    items = [{ label: `$(error) ${( localize(12776, 'Error while searching for themes: {0}', this._searchError))}`, id: undefined, alwaysShow: true }];
                 }
                 const activeItemId = quickpick.activeItems[0]?.id;
                 const newActiveItem = activeItemId ? items.find(i => isItem(i) && i.id === activeItemId) : undefined;
@@ -232,12 +231,12 @@ let MarketplaceThemesPicker = class MarketplaceThemesPicker {
         this.extensionsWorkbenchService.openSearch(`@id:${galleryExtension.identifier.id}`);
         const result = await this.dialogService.confirm({
             message: ( localize(
-                12725,
+                12777,
                 "This will install extension '{0}' published by '{1}'. Do you want to continue?",
                 galleryExtension.displayName,
                 galleryExtension.publisherDisplayName
             )),
-            primaryButton: ( localize(12726, "OK"))
+            primaryButton: ( localize(12778, "OK"))
         });
         if (!result.confirmed) {
             return false;
@@ -245,7 +244,7 @@ let MarketplaceThemesPicker = class MarketplaceThemesPicker {
         try {
             await this.progressService.withProgress({
                 location: ProgressLocation.Notification,
-                title: ( localize(12727, "Installing Extension {0}...", galleryExtension.displayName))
+                title: ( localize(12779, "Installing Extension {0}...", galleryExtension.displayName))
             }, async () => {
                 await this.extensionManagementService.installFromGallery(galleryExtension, {
                     isMachineScoped: false,
@@ -326,10 +325,8 @@ let InstalledThemesPicker = class InstalledThemesPicker {
                 quickpick.placeholder = this.options.placeholderMessage;
                 quickpick.activeItems = [picks[autoFocusIndex]];
                 quickpick.canSelectMany = false;
-                quickpick.toggles = this.options.toggles;
-                quickpick.toggles?.forEach(toggle => {
-                    disposables.add(toggle.onChange(() => this.options.onToggle?.(toggle, quickpick)));
-                });
+                quickpick.buttons = this.options.buttons ?? [];
+                disposables.add(quickpick.onDidTriggerButton(button => this.options.onButton?.(button, quickpick)));
                 quickpick.matchOnDescription = true;
                 disposables.add(quickpick.onDidAccept(async (_) => {
                     isCompleted = true;
@@ -393,7 +390,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: SelectColorThemeCommandId,
-            title: ( localize2(12728, 'Color Theme')),
+            title: ( localize2(12780, 'Color Theme')),
             category: Categories.Preferences,
             f1: true,
             keybinding: {
@@ -404,42 +401,32 @@ registerAction2(class extends Action2 {
     }
     getTitle(colorScheme) {
         switch (colorScheme) {
-            case ColorScheme.DARK: return localize(12729, "Select Color Theme for System Dark Mode");
-            case ColorScheme.LIGHT: return localize(12730, "Select Color Theme for System Light Mode");
-            case ColorScheme.HIGH_CONTRAST_DARK: return localize(12731, "Select Color Theme for High Contrast Dark Mode");
-            case ColorScheme.HIGH_CONTRAST_LIGHT: return localize(12732, "Select Color Theme for High Contrast Light Mode");
+            case ColorScheme.DARK: return localize(12781, "Select Color Theme for System Dark Mode");
+            case ColorScheme.LIGHT: return localize(12782, "Select Color Theme for System Light Mode");
+            case ColorScheme.HIGH_CONTRAST_DARK: return localize(12783, "Select Color Theme for High Contrast Dark Mode");
+            case ColorScheme.HIGH_CONTRAST_LIGHT: return localize(12784, "Select Color Theme for High Contrast Light Mode");
             default:
-                return localize(12733, "Select Color Theme (detect system color mode disabled)");
+                return localize(12785, "Select Color Theme (detect system color mode disabled)");
         }
     }
     async run(accessor) {
         const themeService = accessor.get(IWorkbenchThemeService);
         const preferencesService = accessor.get(IPreferencesService);
         const preferredColorScheme = themeService.getPreferredColorScheme();
-        let modeConfigureToggle;
-        if (preferredColorScheme) {
-            modeConfigureToggle = ( new Toggle({
-                title: ( localize(12734, 'Detect system color mode enabled. Click to configure.')),
-                icon: Codicon.colorMode,
-                isChecked: false,
-                ...defaultToggleStyles
-            }));
-        }
-        else {
-            modeConfigureToggle = ( new Toggle({
-                title: ( localize(12735, 'Detect system color mode disabled. Click to configure.')),
-                icon: Codicon.colorMode,
-                isChecked: false,
-                ...defaultToggleStyles
-            }));
-        }
+        const modeConfigureButton = {
+            tooltip: preferredColorScheme
+                ? ( localize(12786, 'Detect system color mode enabled. Click to configure.'))
+                : ( localize(12787, 'Detect system color mode disabled. Click to configure.')),
+            iconClass: ThemeIcon.asClassName(Codicon.colorMode),
+            location: QuickInputButtonLocation.Inline
+        };
         const options = {
-            installMessage: ( localize(12736, "Install Additional Color Themes...")),
-            browseMessage: '$(plus) ' + ( localize(12737, "Browse Additional Color Themes...")),
+            installMessage: ( localize(12788, "Install Additional Color Themes...")),
+            browseMessage: '$(plus) ' + ( localize(12789, "Browse Additional Color Themes...")),
             placeholderMessage: this.getTitle(preferredColorScheme),
             marketplaceTag: 'category:themes',
-            toggles: [modeConfigureToggle],
-            onToggle: async (toggle, picker) => {
+            buttons: [modeConfigureButton],
+            onButton: async (_button, picker) => {
                 picker.hide();
                 await preferencesService.openSettings({ query: ThemeSettings.DETECT_COLOR_SCHEME });
             }
@@ -450,9 +437,9 @@ registerAction2(class extends Action2 {
         const picker = instantiationService.createInstance(InstalledThemesPicker, options, setTheme, getMarketplaceColorThemes);
         const themes = await themeService.getColorThemes();
         const currentTheme = themeService.getColorTheme();
-        const lightEntries = toEntries(themes.filter(t => t.type === ColorScheme.LIGHT), ( localize(12738, "light themes")));
-        const darkEntries = toEntries(themes.filter(t => t.type === ColorScheme.DARK), ( localize(12739, "dark themes")));
-        const hcEntries = toEntries(themes.filter(t => isHighContrast(t.type)), ( localize(12740, "high contrast themes")));
+        const lightEntries = toEntries(themes.filter(t => t.type === ColorScheme.LIGHT), ( localize(12790, "light themes")));
+        const darkEntries = toEntries(themes.filter(t => t.type === ColorScheme.DARK), ( localize(12791, "dark themes")));
+        const hcEntries = toEntries(themes.filter(t => isHighContrast(t.type)), ( localize(12792, "high contrast themes")));
         let picks;
         switch (preferredColorScheme) {
             case ColorScheme.DARK:
@@ -475,7 +462,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: SelectFileIconThemeCommandId,
-            title: ( localize2(12741, 'File Icon Theme')),
+            title: ( localize2(12793, 'File Icon Theme')),
             category: Categories.Preferences,
             f1: true
         });
@@ -483,8 +470,8 @@ registerAction2(class extends Action2 {
     async run(accessor) {
         const themeService = accessor.get(IWorkbenchThemeService);
         const options = {
-            installMessage: ( localize(12742, "Install Additional File Icon Themes...")),
-            placeholderMessage: ( localize(12743, "Select File Icon Theme (Up/Down Keys to Preview)")),
+            installMessage: ( localize(12794, "Install Additional File Icon Themes...")),
+            placeholderMessage: ( localize(12795, "Select File Icon Theme (Up/Down Keys to Preview)")),
             marketplaceTag: 'tag:icon-theme'
         };
         const setTheme = (theme, settingsTarget) => themeService.setFileIconTheme(theme, settingsTarget);
@@ -492,8 +479,8 @@ registerAction2(class extends Action2 {
         const instantiationService = accessor.get(IInstantiationService);
         const picker = instantiationService.createInstance(InstalledThemesPicker, options, setTheme, getMarketplaceColorThemes);
         const picks = [
-            { type: 'separator', label: ( localize(12744, 'file icon themes')) },
-            { id: '', theme: FileIconThemeData.noIconTheme, label: ( localize(12745, 'None')), description: ( localize(12746, 'Disable File Icons')) },
+            { type: 'separator', label: ( localize(12796, 'file icon themes')) },
+            { id: '', theme: FileIconThemeData.noIconTheme, label: ( localize(12797, 'None')), description: ( localize(12798, 'Disable File Icons')) },
             ...toEntries(await themeService.getFileIconThemes()),
         ];
         await picker.openQuickPick(picks, themeService.getFileIconTheme());
@@ -504,7 +491,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: SelectProductIconThemeCommandId,
-            title: ( localize2(12747, 'Product Icon Theme')),
+            title: ( localize2(12799, 'Product Icon Theme')),
             category: Categories.Preferences,
             f1: true
         });
@@ -512,9 +499,9 @@ registerAction2(class extends Action2 {
     async run(accessor) {
         const themeService = accessor.get(IWorkbenchThemeService);
         const options = {
-            installMessage: ( localize(12748, "Install Additional Product Icon Themes...")),
-            browseMessage: '$(plus) ' + ( localize(12749, "Browse Additional Product Icon Themes...")),
-            placeholderMessage: ( localize(12750, "Select Product Icon Theme (Up/Down Keys to Preview)")),
+            installMessage: ( localize(12800, "Install Additional Product Icon Themes...")),
+            browseMessage: '$(plus) ' + ( localize(12801, "Browse Additional Product Icon Themes...")),
+            placeholderMessage: ( localize(12802, "Select Product Icon Theme (Up/Down Keys to Preview)")),
             marketplaceTag: 'tag:product-icon-theme'
         };
         const setTheme = (theme, settingsTarget) => themeService.setProductIconTheme(theme, settingsTarget);
@@ -522,8 +509,8 @@ registerAction2(class extends Action2 {
         const instantiationService = accessor.get(IInstantiationService);
         const picker = instantiationService.createInstance(InstalledThemesPicker, options, setTheme, getMarketplaceColorThemes);
         const picks = [
-            { type: 'separator', label: ( localize(12751, 'product icon themes')) },
-            { id: DEFAULT_PRODUCT_ICON_THEME_ID, theme: ProductIconThemeData.defaultTheme, label: ( localize(12752, 'Default')) },
+            { type: 'separator', label: ( localize(12803, 'product icon themes')) },
+            { id: DEFAULT_PRODUCT_ICON_THEME_ID, theme: ProductIconThemeData.defaultTheme, label: ( localize(12804, 'Default')) },
             ...toEntries(await themeService.getProductIconThemes()),
         ];
         await picker.openQuickPick(picks, themeService.getProductIconTheme());
@@ -581,13 +568,13 @@ function toEntries(themes, label) {
 }
 const configureButton = {
     iconClass: ThemeIcon.asClassName(manageExtensionIcon),
-    tooltip: ( localize(12753, "Manage Extension")),
+    tooltip: ( localize(12805, "Manage Extension")),
 };
 registerAction2(class extends Action2 {
     constructor() {
         super({
             id: 'workbench.action.generateColorTheme',
-            title: ( localize2(12754, 'Generate Color Theme From Current Settings')),
+            title: ( localize2(12806, 'Generate Color Theme From Current Settings')),
             category: Categories.Developer,
             f1: true
         });
@@ -637,7 +624,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: toggleLightDarkThemesCommandId,
-            title: ( localize2(12755, 'Toggle between Light/Dark Themes')),
+            title: ( localize2(12807, 'Toggle between Light/Dark Themes')),
             category: Categories.Preferences,
             f1: true,
         });
@@ -649,13 +636,13 @@ registerAction2(class extends Action2 {
         const preferencesService = accessor.get(IPreferencesService);
         if (configurationService.getValue(ThemeSettings.DETECT_COLOR_SCHEME)) {
             const message = ( localize(
-                12756,
+                12808,
                 "Cannot toggle between light and dark themes when `{0}` is enabled in settings.",
                 ThemeSettings.DETECT_COLOR_SCHEME
             ));
             notificationService.prompt(Severity.Info, message, [
                 {
-                    label: ( localize(12757, "Open Settings")),
+                    label: ( localize(12809, "Open Settings")),
                     run: () => {
                         return preferencesService.openUserSettings({ query: ThemeSettings.DETECT_COLOR_SCHEME });
                     }
@@ -693,7 +680,7 @@ registerAction2(class extends Action2 {
     constructor() {
         super({
             id: browseColorThemesInMarketplaceCommandId,
-            title: ( localize2(12758, 'Browse Color Themes in Marketplace')),
+            title: ( localize2(12810, 'Browse Color Themes in Marketplace')),
             category: Categories.Preferences,
             f1: true,
         });
@@ -734,13 +721,13 @@ registerAction2(class extends Action2 {
 });
 const ThemesSubMenu = ( new MenuId('ThemesSubMenu'));
 MenuRegistry.appendMenuItem(MenuId.GlobalActivity, {
-    title: ( localize(12759, "Themes")),
+    title: ( localize(12811, "Themes")),
     submenu: ThemesSubMenu,
     group: '2_configuration',
     order: 7
 });
 MenuRegistry.appendMenuItem(MenuId.MenubarPreferencesMenu, {
-    title: ( localize(12760, "&&Themes")),
+    title: ( localize(12812, "&&Themes")),
     submenu: ThemesSubMenu,
     group: '2_configuration',
     order: 7
@@ -748,21 +735,21 @@ MenuRegistry.appendMenuItem(MenuId.MenubarPreferencesMenu, {
 MenuRegistry.appendMenuItem(ThemesSubMenu, {
     command: {
         id: SelectColorThemeCommandId,
-        title: ( localize(12728, 'Color Theme'))
+        title: ( localize(12780, 'Color Theme'))
     },
     order: 1
 });
 MenuRegistry.appendMenuItem(ThemesSubMenu, {
     command: {
         id: SelectFileIconThemeCommandId,
-        title: ( localize(12761, "File Icon Theme"))
+        title: ( localize(12813, "File Icon Theme"))
     },
     order: 2
 });
 MenuRegistry.appendMenuItem(ThemesSubMenu, {
     command: {
         id: SelectProductIconThemeCommandId,
-        title: ( localize(12762, "Product Icon Theme"))
+        title: ( localize(12814, "Product Icon Theme"))
     },
     order: 3
 });

package/vscode/src/vs/workbench/services/themes/browser/fileIconThemeData.js

@@ -141,13 +141,13 @@ class FileIconThemeLoader {
             const contentValue = parse(content, errors);
             if (errors.length > 0) {
                 return Promise.reject(( new Error(( localize(
-                    14260,
+                    14315,
                     "Problems parsing file icons file: {0}",
                     ( errors.map(e => getParseErrorMessage(e.error))).join(', ')
                 )))));
             }
             else if (getNodeType(contentValue) !== 'object') {
-                return Promise.reject(( new Error(( localize(14261, "Invalid format for file icons theme file: Object expected.")))));
+                return Promise.reject(( new Error(( localize(14316, "Invalid format for file icons theme file: Object expected.")))));
             }
             return Promise.resolve(contentValue);
         });