Use prominent color for walkthrough step title (microsoft#166745)

Author: daviddossett

src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.ts

@@ -14,3 +14,5 @@ export const welcomePageTileHoverBackground = registerColor('welcomePage.tileHov
 
 export const welcomePageProgressBackground = registerColor('welcomePage.progress.background', { light: inputBackground, dark: inputBackground, hcDark: inputBackground, hcLight: inputBackground }, localize('welcomePage.progress.background', 'Foreground color for the Welcome page progress bars.'));
 export const welcomePageProgressForeground = registerColor('welcomePage.progress.foreground', { light: textLinkForeground, dark: textLinkForeground, hcDark: textLinkForeground, hcLight: textLinkForeground }, localize('welcomePage.progress.foreground', 'Background color for the Welcome page progress bars.'));
+
+export const walkthroughStepTitleForeground = registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, localize('walkthrough.stepTitle.foreground', 'Foreground color of the heading of each walkthrough step'));

src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css

@@ -411,6 +411,10 @@
 	border: 1px solid var(--vscode-editorWidget-border);
 }
 
+.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded h3 {
+	color: var(--vscode-walkthrough-stepTitle-foreground);
+}
+
 .monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded>.codicon {
 	cursor: pointer !important;
 }