Playground colors (#25798)

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

@@ -17,7 +17,6 @@
 }
 
 .monaco-workbench > .part.editor > .content .walkThroughContent a {
-	color: #4080D0;
 	text-decoration: none;
 }
 
@@ -69,7 +68,6 @@
 }
 
 .monaco-workbench > .part.editor > .content .walkThroughContent a:hover {
-	color: #4080D0;
 	text-decoration: underline;
 }
 
@@ -106,36 +104,11 @@
 	line-height: 19px;
 }
 
-/*.monaco-workbench.mac > .part.editor > .content .walkThroughContent code,
-.monaco-workbench.mac > .part.editor > .content .walkThroughContent .shortcut {
-	font-size: 12px;
-	line-height: 18px;
-}*/
-
-.vs .monaco-workbench > .part.editor > .content .walkThroughContent code,
-.vs .monaco-workbench > .part.editor > .content .walkThroughContent .shortcut {
-	color: #A31515;
-}
-
-.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContent code,
-.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContent .shortcut {
-	color: #D7BA7D;
-}
-
 .monaco-workbench > .part.editor > .content .walkThroughContent blockquote {
 	margin: 0 7px 0 5px;
 	padding: 0 16px 0 10px;
 	border-left: 5px solid;
 }
-.vs .monaco-workbench > .part.editor > .content .walkThroughContent blockquote,
-.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContent blockquote {
-	background: rgba(127, 127, 127, 0.1);
-	border-color: rgba(0, 122, 204, 0.5);
-}
-.hc-black .monaco-workbench > .part.editor > .content .walkThroughContent blockquote {
-	background: transparent;
-	border-color: #fff;
-}
 
 .monaco-workbench > .part.editor > .content .walkThroughContent .monaco-tokenized-source {
 	white-space: pre;
@@ -162,5 +135,6 @@
 }
 
 .hc-black .monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor {
-	border: 1px white solid
+	border-width: 1px;
+	border-style: solid;
 }

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 } from 'vs/platform/theme/common/colorRegistry';
+import { registerColor, textLinkForeground, 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);
@@ -534,4 +534,25 @@ registerThemingParticipant((theme, collector) => {
 		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor-background,
 			.monaco-workbench > .part.editor > .content .walkThroughContent .margin-view-overlays { background: ${color}; }`);
 	}
+	const link = theme.getColor(textLinkForeground);
+	if (link) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent a { color: ${link}; }`);
+	}
+	const shortcut = theme.getColor(textPreformatForeground);
+	if (shortcut) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent code,
+			.monaco-workbench > .part.editor > .content .walkThroughContent .shortcut { color: ${shortcut}; }`);
+	}
+	const border = theme.getColor(contrastBorder);
+	if (border) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor { border-color: ${border}; }`);
+	}
+	const quoteBackground = theme.getColor(textBlockQuoteBackground);
+	if (quoteBackground) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent blockquote { background: ${quoteBackground}; }`);
+	}
+	const quoteBorder = theme.getColor(textBlockQuoteBorder);
+	if (quoteBorder) {
+		collector.addRule(`.monaco-workbench > .part.editor > .content .walkThroughContent blockquote { border-color: ${quoteBorder}; }`);
+	}
 });
\ No newline at end of file