@codingame/monaco-vscode-walkthrough-service-override 33.0.9 → 34.0.0

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStarted.js

@@ -15,7 +15,7 @@ import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codi
 import { onUnexpectedError } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errors';
 import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
 import { splitRecentLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/common/labels';
-import { DisposableStore, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { DisposableStore, MutableDisposable, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { parse } from '@codingame/monaco-vscode-api/vscode/vs/base/common/marshalling';
 import { matchesScheme, Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
 import { OS } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
@@ -171,14 +171,18 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.stepDisposables = ( new DisposableStore());
         this.detailsPageDisposables = ( new DisposableStore());
         this.mediaDisposables = ( new DisposableStore());
+        this.detailsScrollbar = this._register(( new MutableDisposable()));
         this.buildSlideThrottle = this._register(( new Throttler()));
+        this.recentlyOpenedList = this._register(( new MutableDisposable()));
+        this.startList = this._register(( new MutableDisposable()));
+        this.gettingStartedList = this._register(( new MutableDisposable()));
         this.showFeaturedWalkthrough = true;
         this.currentMediaComponent = undefined;
         this.currentMediaType = undefined;
         this.container = $(".gettingStartedContainer", {
             role: "document",
             tabindex: 0,
-            "aria-label": ( localize(15852, "Overview of how to get up to speed with your editor."))
+            "aria-label": ( localize(16059, "Overview of how to get up to speed with your editor."))
         });
         this.stepMediaComponent = $(".getting-started-media");
         this.stepMediaComponent.id = generateUuid();
@@ -252,17 +256,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         badgeelement.parentElement?.setAttribute("aria-checked", "true");
                         badgeelement.classList.remove(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
                         badgeelement.classList.add("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
-                        badgeelement.setAttribute("aria-label", ( localize(15853, "{0}: Completed", step.title)));
+                        badgeelement.setAttribute("aria-label", ( localize(16060, "{0}: Completed", step.title)));
                     } else {
                         badgeelement.setAttribute("aria-checked", "false");
                         badgeelement.parentElement?.setAttribute("aria-checked", "false");
                         badgeelement.classList.remove("complete", ...ThemeIcon.asClassNameArray(gettingStartedCheckedCodicon));
                         badgeelement.classList.add(...ThemeIcon.asClassNameArray(gettingStartedUncheckedCodicon));
-                        badgeelement.setAttribute("aria-label", ( localize(15854, "{0}: Not completed", step.title)));
+                        badgeelement.setAttribute("aria-label", ( localize(16061, "{0}: Not completed", step.title)));
                     }
                 });
                 if (step.done) {
-                    status(( localize(15855, "Step {0} completed", step.title)));
+                    status(( localize(16062, "Step {0} completed", step.title)));
                 }
             }
             this.updateCategoryProgress();
@@ -486,7 +490,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             throw Error("Could not find category with ID " + categoryId);
         }
         this.setHiddenCategories([...this.getHiddenCategories().add(categoryId)]);
-        this.gettingStartedList?.rerender();
+        this.gettingStartedList.value?.rerender();
     }
     markAllStepsComplete() {
         if (this.currentWalkthrough) {
@@ -519,7 +523,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             canPickMany: false,
             matchOnDescription: true,
             matchOnDetail: true,
-            title: ( localize(15856, "Open Walkthrough..."))
+            title: ( localize(16063, "Open Walkthrough..."))
         });
         if (selection) {
             this.runDispatchCommand("selectCategory", selection.id);
@@ -750,7 +754,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const themeType = this.themeService.getColorTheme().type;
             const videoPath = media.path[themeType];
             const videoPoster = media.poster ? media.poster[themeType] : undefined;
-            const altText = media.altText ? media.altText : ( localize(15857, "Video for {0}", stepToExpand.title));
+            const altText = media.altText ? media.altText : ( localize(16064, "Video for {0}", stepToExpand.title));
             const rawHTML = await this.detailsRenderer.renderVideo(videoPath, videoPoster, altText);
             this.webview.setHtml(rawHTML);
             let isDisposed = false;
@@ -782,8 +786,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
     provideScreenReaderUpdate() {
         if (this.configurationService.getValue(AccessibilityVerbositySettingId.Walkthrough)) {
             const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
-            return kbLabel ? ( localize(15858, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
-                15859,
+            return kbLabel ? ( localize(16065, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localize(
+                16066,
                 "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
             ));
         }
@@ -835,7 +839,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             this.editorInput.selectedStep = undefined;
         }
         this.detailsPageScrollbar?.scanDomNode();
-        this.detailsScrollbar?.scanDomNode();
+        this.detailsScrollbar.value?.scanDomNode();
     }
     updateMediaSourceForColorMode(element, sources) {
         const themeType = this.themeService.getColorTheme().type;
@@ -852,7 +856,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.categoriesSlide = $(".gettingStartedSlideCategories.gettingStartedSlide");
         const prevButton = $("button.prev-button.button-link", {
             "x-dispatch": "scrollPrev"
-        }, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(15860, "Go Back"))));
+        }, $("span.scroll-button.codicon.codicon-chevron-left"), $("span.moreText", {}, ( localize(16067, "Go Back"))));
         this.stepsSlide = $(".gettingStartedSlideDetails.gettingStartedSlide", {}, prevButton);
         this.stepsContent = $(".gettingStartedDetailsContent", {});
         this.detailsPageScrollbar = this._register(( new DomScrollableElement(this.stepsContent, {
@@ -881,13 +885,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             icon: Codicon.check,
             actionClassName: "getting-started-checkbox",
             isChecked: this.configurationService.getValue(configurationKey) === "welcomePage",
-            title: ( localize(15861, "When checked, this page will be shown on startup.")),
+            title: ( localize(16068, "When checked, this page will be shown on startup.")),
             ...defaultToggleStyles
         }));
         showOnStartupCheckbox.domNode.id = "showOnStartup";
         const showOnStartupLabel = $("label.caption", {
             for: "showOnStartup"
-        }, ( localize(15862, "Show welcome page on startup")));
+        }, ( localize(16069, "Show welcome page on startup")));
         const onShowOnStartupChanged = () => {
             if (showOnStartupCheckbox.checked) {
                 this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
@@ -917,7 +921,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             ".header",
             {},
             $("h1.product-name.caption", {}, this.productService.nameLong),
-            $("p.subtitle.description", {}, ( localize(15863, "Editing evolved")))
+            $("p.subtitle.description", {}, ( localize(16070, "Editing evolved")))
         );
         const leftColumn = $(".categories-column.categories-column-left", {});
         const rightColumn = $(".categories-column.categories-column-right", {});
@@ -1040,7 +1044,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const link = $("button.button-link");
             link.innerText = name;
             link.title = fullPath;
-            link.setAttribute("aria-label", ( localize(15864, "Open folder {0} with path {1}", name, parentPath)));
+            link.setAttribute("aria-label", ( localize(16071, "Open folder {0} with path {1}", name, parentPath)));
             link.addEventListener("click", e => {
                 this.telemetryService.publicLog2("gettingStarted.ActionExecuted", {
                     command: "openRecent",
@@ -1066,8 +1070,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 {
                     "tabindex": 0,
                     "role": "button",
-                    "title": ( localize(15865, "Remove from Recently Opened")),
-                    "aria-label": ( localize(15866, "Remove {0} from Recently Opened", name))
+                    "title": ( localize(16072, "Remove from Recently Opened")),
+                    "aria-label": ( localize(16073, "Remove {0} from Recently Opened", name))
                 }
             );
             const handleDelete = async e => {
@@ -1085,24 +1089,21 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             li.appendChild(deleteButton);
             return li;
         };
-        if (this.recentlyOpenedList) {
-            this.recentlyOpenedList.dispose();
-        }
-        const recentlyOpenedList = this.recentlyOpenedList = ( new GettingStartedIndexList({
-            title: ( localize(15867, "Recent")),
+        const recentlyOpenedList = this.recentlyOpenedList.value = ( new GettingStartedIndexList({
+            title: ( localize(16074, "Recent")),
             klass: "recently-opened",
             limit: 5,
-            empty: $(".empty-recent", {}, ( localize(15868, "You have no recent folders,")), $("button.button-link", {
+            empty: $(".empty-recent", {}, ( localize(16075, "You have no recent folders,")), $("button.button-link", {
                 "x-dispatch": "openFolder"
-            }, ( localize(15869, "open a folder"))), ( localize(15870, "to start."))),
+            }, ( localize(16076, "open a folder"))), ( localize(16077, "to start."))),
             more: $(".more", {}, $("button.button-link", {
                 "x-dispatch": "showMoreRecents",
                 title: ( localize(
-                    15871,
+                    16078,
                     "Show All Recent Folders {0}",
                     this.getKeybindingLabel(OpenRecentAction.ID)
                 ))
-            }, ( localize(15872, "More...")))),
+            }, ( localize(16079, "More...")))),
             renderElement: renderRecent,
             contextService: this.contextService
         }));
@@ -1130,7 +1131,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         })));
     }
     refreshRecentlyOpened() {
-        if (!this.recentlyOpenedList) {
+        if (!this.recentlyOpenedList.value) {
             return;
         }
         this.recentlyOpened.then((
@@ -1139,7 +1140,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
         ) => {
             const workspacesWithID = this.filterRecentlyOpened(workspaces);
-            this.recentlyOpenedList?.setEntries(workspacesWithID);
+            this.recentlyOpenedList.value?.setEntries(workspacesWithID);
         }).catch(onUnexpectedError);
     }
     buildStartList() {
@@ -1147,11 +1148,8 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             "x-dispatch": "selectStartEntry:" + entry.id,
             title: entry.description + " " + this.getKeybindingLabel(entry.command)
         }, this.iconWidgetFor(entry), $("span", {}, entry.title)));
-        if (this.startList) {
-            this.startList.dispose();
-        }
-        const startList = this.startList = ( new GettingStartedIndexList({
-            title: ( localize(15873, "Start")),
+        const startList = this.startList.value = ( new GettingStartedIndexList({
+            title: ( localize(16080, "Start")),
             klass: "start-container",
             limit: 10,
             renderElement: renderStartEntry,
@@ -1167,9 +1165,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const renderNewBadge = (category.newItems || category.newEntry) && !category.isFeatured;
             const newBadge = $(".new-badge", {});
             if (category.newEntry) {
-                reset(newBadge, $(".new-category", {}, ( localize(15874, "New"))));
+                reset(newBadge, $(".new-category", {}, ( localize(16081, "New"))));
             } else if (category.newItems) {
-                reset(newBadge, $(".new-items", {}, ( localize(15875, "Updated"))));
+                reset(newBadge, $(".new-items", {}, ( localize(16082, "Updated"))));
             }
             const featuredBadge = $(".featured-badge", {});
             const descriptionContent = $(".description-content", {});
@@ -1200,9 +1198,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     $("a.codicon.codicon-close.hide-category-button", {
                         "tabindex": 0,
                         "x-dispatch": "hideCategory:" + category.id,
-                        "title": ( localize(15876, "Hide")),
+                        "title": ( localize(16083, "Hide")),
                         "role": "button",
-                        "aria-label": ( localize(15877, "Hide"))
+                        "aria-label": ( localize(16084, "Hide"))
                     })
                 ),
                 descriptionContent,
@@ -1213,9 +1211,6 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 }, $(".progress-bar-inner")))
             );
         };
-        if (this.gettingStartedList) {
-            this.gettingStartedList.dispose();
-        }
         const rankWalkthrough = e => {
             let rank = e.order;
             if (e.isFeatured) {
@@ -1235,14 +1230,14 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             }
             return rank;
         };
-        const gettingStartedList = this.gettingStartedList = ( new GettingStartedIndexList({
-            title: ( localize(15878, "Walkthroughs")),
+        const gettingStartedList = this.gettingStartedList.value = ( new GettingStartedIndexList({
+            title: ( localize(16085, "Walkthroughs")),
             klass: "getting-started",
             limit: 5,
             footer: $("span.button-link.see-all-walkthroughs", {
                 "x-dispatch": "seeAllWalkthroughs",
                 "tabindex": 0
-            }, ( localize(15872, "More..."))),
+            }, ( localize(16079, "More..."))),
             renderElement: renderGetttingStaredWalkthrough,
             rankElement: rankWalkthrough,
             contextService: this.contextService
@@ -1260,12 +1255,12 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         return gettingStartedList;
     }
     layout(size) {
-        this.detailsScrollbar?.scanDomNode();
+        this.detailsScrollbar.value?.scanDomNode();
         this.categoriesPageScrollbar?.scanDomNode();
         this.detailsPageScrollbar?.scanDomNode();
-        this.startList?.layout(size);
-        this.gettingStartedList?.layout(size);
-        this.recentlyOpenedList?.layout(size);
+        this.startList.value?.layout(size);
+        this.gettingStartedList.value?.layout(size);
+        this.recentlyOpenedList.value?.layout(size);
         if (this.editorInput?.selectedStep && this.currentMediaType) {
             this.mediaDisposables.clear();
             this.stepDisposables.clear();
@@ -1277,7 +1272,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         this.container.classList.toggle("width-semi-constrained", size.width <= 950);
         this.categoriesPageScrollbar?.scanDomNode();
         this.detailsPageScrollbar?.scanDomNode();
-        this.detailsScrollbar?.scanDomNode();
+        this.detailsScrollbar.value?.scanDomNode();
     }
     updateCategoryProgress() {
         this.window.document.querySelectorAll(".category-progress").forEach(element => {
@@ -1295,9 +1290,9 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             bar.style.width = `${progress}%`;
             element.parentElement.classList.toggle("no-progress", stats.stepsComplete === 0);
             if (stats.stepsTotal === stats.stepsComplete) {
-                bar.title = ( localize(15879, "All {0} steps complete!", stats.stepsComplete));
+                bar.title = ( localize(16086, "All {0} steps complete!", stats.stepsComplete));
             } else {
-                bar.title = ( localize(15880, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
+                bar.title = ( localize(16087, "{0} of {1} steps complete", stats.stepsComplete, stats.stepsTotal));
             }
         });
     }
@@ -1448,7 +1443,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 if (isCommand) {
                     const keybinding = this.getKeyBinding(command);
                     if (keybinding) {
-                        const shortcutMessage = $("span.shortcut-message", {}, ( localize(15881, "Tip: Use keyboard shortcut ")));
+                        const shortcutMessage = $("span.shortcut-message", {}, ( localize(16088, "Tip: Use keyboard shortcut ")));
                         container.appendChild(shortcutMessage);
                         const label = ( new KeybindingLabel(shortcutMessage, OS, {
                             ...defaultKeybindingLabelStyles
@@ -1495,9 +1490,6 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         if (!this.editorInput) {
             return;
         }
-        if (this.detailsScrollbar) {
-            this.detailsScrollbar.dispose();
-        }
         this.extensionService.whenInstalledExtensionsRegistered().then(() => {
             this.extensionService.activateByEvent(`onWalkthrough:${categoryID.replace(/[^#]+#/, "")}`);
         });
@@ -1557,7 +1549,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                         "x-dispatch": "toggleStepCompletion:" + step.id,
                         "role": "checkbox",
                         "aria-checked": step.done ? "true" : "false",
-                        "aria-label": step.done ? ( localize(15853, "{0}: Completed", step.title)) : ( localize(15854, "{0}: Not completed", step.title))
+                        "aria-label": step.done ? ( localize(16060, "{0}: Completed", step.title)) : ( localize(16061, "{0}: Not completed", step.title))
                     }
                 );
                 const container = $(".step-description-container", {
@@ -1571,11 +1563,11 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                 const stepDescription = $(".step-container", {}, stepTitle, container);
                 if (step.media.type === "image") {
                     stepDescription.appendChild($(".image-description", {
-                        "aria-label": ( localize(15882, "Image showing {0}", step.media.altText))
+                        "aria-label": ( localize(16089, "Image showing {0}", step.media.altText))
                     }));
                 } else if (step.media.type === "video") {
                     stepDescription.appendChild($(".video-description", {
-                        "aria-label": ( localize(15883, "Video showing {0}", step.media.altText))
+                        "aria-label": ( localize(16090, "Video showing {0}", step.media.altText))
                     }));
                 }
                 return $("button.getting-started-step", {
@@ -1600,13 +1592,13 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             "role": "list"
         }, stepListContainer, $(".done-next-container", {}, $("button.button-link.all-done", {
             "x-dispatch": "allDone"
-        }, $("span.codicon.codicon-check-all"), ( localize(15884, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
+        }, $("span.codicon.codicon-check-all"), ( localize(16091, "Mark Done"))), ...(showNextCategory ? [$("button.button-link.next", {
             "x-dispatch": "nextSection"
-        }, ( localize(15885, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
-        this.detailsScrollbar = this._register(( new DomScrollableElement(stepsContainer, {
+        }, ( localize(16092, "Next Section")), $("span.codicon.codicon-arrow-right"))] : [])));
+        this.detailsScrollbar.value = ( new DomScrollableElement(stepsContainer, {
             className: "steps-container"
-        })));
-        const stepListComponent = this.detailsScrollbar.getDomNode();
+        }));
+        const stepListComponent = this.detailsScrollbar.value.getDomNode();
         const categoryFooter = $(".getting-started-footer");
         if (this.editorInput.showTelemetryNotice && getTelemetryLevel(this.configurationService) !== TelemetryLevel.NONE && this.productService.enableTelemetry) {
             this.buildTelemetryFooter(categoryFooter);
@@ -1620,17 +1612,17 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
         );
         const toExpand = category.steps.find(step => this.contextService.contextMatchesRules(step.when) && !step.done) ?? category.steps[0];
         this.selectStep(selectedStep ?? toExpand.id, !selectedStep, preserveFocus);
-        this.detailsScrollbar.scanDomNode();
+        this.detailsScrollbar.value?.scanDomNode();
         this.detailsPageScrollbar?.scanDomNode();
         this.registerDispatchListeners();
     }
     buildTelemetryFooter(parent) {
-        const privacyStatementCopy = ( localize(15886, "privacy statement"));
+        const privacyStatementCopy = ( localize(16093, "privacy statement"));
         const privacyStatementButton = `[${privacyStatementCopy}](command:workbench.action.openPrivacyStatementUrl)`;
-        const optOutCopy = ( localize(15887, "opt out"));
+        const optOutCopy = ( localize(16094, "opt out"));
         const optOutButton = `[${optOutCopy}](command:settings.filterByTelemetry)`;
         const text = ( localize(
-            15888,
+            16095,
             "{0} collects usage data. Read our {1} and learn how to {2}.",
             this.productService.nameShort,
             privacyStatementButton,
@@ -1671,7 +1663,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
                     this.editorInput.showTelemetryNotice = false;
                     this.editorInput.walkthroughPageTitle = undefined;
                 }
-                if (this.gettingStartedCategories.length !== this.gettingStartedList?.itemCount) {
+                if (this.gettingStartedCategories.length !== this.gettingStartedList.value?.itemCount) {
                     this.buildCategoriesSlide();
                 }
                 this.selectStep(undefined);
@@ -1705,7 +1697,7 @@ let GettingStartedPage = class GettingStartedPage extends EditorPane {
             const prevButton = this.container.querySelector(".prev-button.button-link");
             prevButton.style.display = this.editorInput?.showWelcome || this.editorInput?.returnToCommand || this.prevWalkthrough ? "block" : "none";
             const moreTextElement = prevButton.querySelector(".moreText");
-            moreTextElement.textContent = firstLaunch ? ( localize(15889, "Welcome")) : ( localize(15860, "Go Back"));
+            moreTextElement.textContent = firstLaunch ? ( localize(16096, "Welcome")) : ( localize(16067, "Go Back"));
             this.container.querySelector(".gettingStartedSlideDetails").querySelectorAll("button").forEach(button => button.disabled = false);
             this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("button").forEach(button => button.disabled = true);
             this.container.querySelector(".gettingStartedSlideCategories").querySelectorAll("input").forEach(button => button.disabled = true);

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedAccessibleView.js

@@ -130,9 +130,9 @@ class GettingStartedAccessibleProvider extends Disposable {
     }
     _getContent(waltkrough, step, includeTitle) {
         const description = ( step.description.map(lt => lt.nodes.filter(node => typeof node === "string"))).join("\n");
-        const stepsContent = ( localize(15890, "{0}\n{1}", step.title, description));
+        const stepsContent = ( localize(16097, "{0}\n{1}", step.title, description));
         if (includeTitle) {
-            return [( localize(15891, "Title: {0}", waltkrough.title)), ( localize(15892, "Description: {0}", waltkrough.description)), stepsContent].join("\n");
+            return [( localize(16098, "Title: {0}", waltkrough.title)), ( localize(16099, "Description: {0}", waltkrough.description)), stepsContent].join("\n");
         } else {
             return stepsContent;
         }

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js

@@ -12,30 +12,30 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quic
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 
-registerColor("welcomePage.background", null, ( localize(15893, "Background color for the Welcome page.")));
+registerColor("welcomePage.background", null, ( localize(16100, "Background color for the Welcome page.")));
 registerColor("welcomePage.tileBackground", {
     dark: editorWidgetBackground,
     light: editorWidgetBackground,
     hcDark: "#000",
     hcLight: editorWidgetBackground
-}, ( localize(15894, "Background color for the tiles on the Welcome page.")));
+}, ( localize(16101, "Background color for the tiles on the Welcome page.")));
 registerColor("welcomePage.tileHoverBackground", {
     dark: ( lighten(editorWidgetBackground, .2)),
     light: ( darken(editorWidgetBackground, .1)),
     hcDark: null,
     hcLight: null
-}, ( localize(15895, "Hover background color for the tiles on the Welcome.")));
+}, ( localize(16102, "Hover background color for the tiles on the Welcome.")));
 registerColor("welcomePage.tileBorder", {
     dark: "#ffffff1a",
     light: "#0000001a",
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(15896, "Border color for the tiles on the Welcome page.")));
-registerColor("welcomePage.progress.background", inputBackground, ( localize(15897, "Foreground color for the Welcome page progress bars.")));
-registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(15898, "Background color for the Welcome page progress bars.")));
+}, ( localize(16103, "Border color for the tiles on the Welcome page.")));
+registerColor("welcomePage.progress.background", inputBackground, ( localize(16104, "Foreground color for the Welcome page progress bars.")));
+registerColor("welcomePage.progress.foreground", textLinkForeground, ( localize(16105, "Background color for the Welcome page progress bars.")));
 registerColor("walkthrough.stepTitle.foreground", {
     light: "#000000",
     dark: "#ffffff",
     hcDark: null,
     hcLight: null
-}, ( localize(15899, "Foreground color of the heading of each walkthrough step")));
+}, ( localize(16106, "Foreground color of the heading of each walkthrough step")));