Use focus border color (fixes #27501)

src/vs/workbench/parts/welcome/page/electron-browser/welcomePage.ts

@@ -35,7 +35,7 @@ import { IDisposable, dispose } from 'vs/base/common/lifecycle';
 import { tildify } from 'vs/base/common/labels';
 import { isLinux } from 'vs/base/common/platform';
 import { IThemeService, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
-import { registerColor, textLinkForeground, textLinkActiveForeground, foreground, descriptionForeground, contrastBorder, activeContrastBorder } from 'vs/platform/theme/common/colorRegistry';
+import { registerColor, focusBorder, textLinkForeground, textLinkActiveForeground, foreground, descriptionForeground, contrastBorder, activeContrastBorder } from 'vs/platform/theme/common/colorRegistry';
 import { getExtraColor } from 'vs/workbench/parts/welcome/walkThrough/node/walkThroughUtils';
 
 used();
@@ -476,6 +476,10 @@ registerThemingParticipant((theme, collector) => {
 		collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage a:hover,
 			.monaco-workbench > .part.editor > .content .welcomePage a:active { color: ${activeLink}; }`);
 	}
+	const focusColor = theme.getColor(focusBorder);
+	if (focusColor) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage a:focus { outline-color: ${focusColor}; }`);
+	}
 	const border = theme.getColor(contrastBorder);
 	if (border) {
 		collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands li button { border-color: ${border}; }`);

src/vs/workbench/parts/welcome/walkThrough/electron-browser/walkThroughPart.ts

@@ -38,7 +38,7 @@ import { IPartService } from 'vs/workbench/services/part/common/partService';
 import { IEditorOptions } from 'vs/editor/common/config/editorOptions';
 import { IMessageService, Severity } from 'vs/platform/message/common/message';
 import { IThemeService, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
-import { registerColor, textLinkForeground, textLinkActiveForeground, textPreformatForeground, contrastBorder, textBlockQuoteBackground, textBlockQuoteBorder } from 'vs/platform/theme/common/colorRegistry';
+import { registerColor, focusBorder, textLinkForeground, textLinkActiveForeground, textPreformatForeground, contrastBorder, textBlockQuoteBackground, textBlockQuoteBorder } from 'vs/platform/theme/common/colorRegistry';
 import { getExtraColor } from 'vs/workbench/parts/welcome/walkThrough/node/walkThroughUtils';
 
 export const WALK_THROUGH_FOCUS = new RawContextKey<boolean>('interactivePlaygroundFocus', false);
@@ -543,6 +543,10 @@ registerThemingParticipant((theme, collector) => {
 		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent a:hover,
 			.monaco-workbench > .part.editor > .content .walkThroughContent a:active { color: ${activeLink}; }`);
 	}
+	const focusColor = theme.getColor(focusBorder);
+	if (focusColor) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent a:focus { outline-color: ${focusColor}; }`);
+	}
 	const shortcut = theme.getColor(textPreformatForeground);
 	if (shortcut) {
 		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent code,