Adopt link decoration var (microsoft#216859)

* Adopt link decoration var

* Ensure links in walkthrough markdown content get underlines and react to setting change

Author: daviddossett

src/vs/workbench/contrib/markdown/browser/markdownDocumentRenderer.ts

@@ -32,7 +32,7 @@ img {
 }
 
 a {
-	text-decoration: none;
+	text-decoration: var(--text-link-decoration);
 }
 
 a:hover {

src/vs/workbench/contrib/webview/browser/pre/index.html

@@ -6,7 +6,7 @@
 
 	<meta http-equiv="Content-Security-Policy"
 
-	content="default-src 'none'; script-src 'sha256-EJBlYt9sOvo6RhZZJG+duTqIZCB8pctk1a62h/ZIElc=' 'self'; frame-src 'self'; style-src 'unsafe-inline';">
+	content="default-src 'none'; script-src 'sha256-ikaxwm2UFoiIKkEZTEU4mnSxpYf3lmsrhy5KqqJZfek=' 'self'; frame-src 'self'; style-src 'unsafe-inline';">
 
 
 	<!-- Disable pinch zooming -->
@@ -112,6 +112,10 @@
 				color: var(--vscode-textLink-foreground);
 			}
 
+			p > a {
+				text-decoration: var(--text-link-decoration);
+			}
+
 			a:hover {
 				color: var(--vscode-textLink-activeForeground);
 			}

src/vs/workbench/contrib/webview/browser/themeing.ts

@@ -37,7 +37,7 @@ export class WebviewThemeDataProvider extends Disposable {
 			this._reset();
 		}));
 
-		const webviewConfigurationKeys = ['editor.fontFamily', 'editor.fontWeight', 'editor.fontSize'];
+		const webviewConfigurationKeys = ['editor.fontFamily', 'editor.fontWeight', 'editor.fontSize', 'accessibility.underlineLinks'];
 		this._register(this._configurationService.onDidChangeConfiguration(e => {
 			if (webviewConfigurationKeys.some(key => e.affectsConfiguration(key))) {
 				this._reset();
@@ -55,6 +55,7 @@ export class WebviewThemeDataProvider extends Disposable {
 			const editorFontFamily = configuration.fontFamily || EDITOR_FONT_DEFAULTS.fontFamily;
 			const editorFontWeight = configuration.fontWeight || EDITOR_FONT_DEFAULTS.fontWeight;
 			const editorFontSize = configuration.fontSize || EDITOR_FONT_DEFAULTS.fontSize;
+			const linkUnderlines = this._configurationService.getValue('accessibility.underlineLinks');
 
 			const theme = this._themeService.getColorTheme();
 			const exportedColors = colorRegistry.getColorRegistry().getColors().reduce<Record<string, string>>((colors, entry) => {
@@ -72,6 +73,7 @@ export class WebviewThemeDataProvider extends Disposable {
 				'vscode-editor-font-family': editorFontFamily,
 				'vscode-editor-font-weight': editorFontWeight,
 				'vscode-editor-font-size': editorFontSize + 'px',
+				'text-link-decoration': linkUnderlines ? 'underline' : 'none',
 				...exportedColors
 			};
 

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

@@ -923,6 +923,7 @@
 
 .monaco-workbench .part.editor > .content .gettingStartedContainer .button-link {
 	color: var(--vscode-textLink-foreground);
+	text-decoration: var(--text-link-decoration);
 }
 
 .monaco-workbench .part.editor > .content .gettingStartedContainer .button-link .codicon {

src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css

@@ -18,7 +18,7 @@
 }
 
 .monaco-workbench .part.editor > .content .walkThroughContent a {
-	text-decoration: none;
+	text-decoration: var(--text-link-decoration);
 }
 
 .monaco-workbench .part.editor > .content .walkThroughContent a:focus,