Browse Source

Merge pull request #1583 from cannuri/cannuri/fix-markdownblock-text-color

Fix MarkdownBlock text color for Dark High Contrast theme
Chris Estreich 11 months ago
parent
commit
13d54ad1c1
1 changed files with 11 additions and 3 deletions
  1. 11 3
      webview-ui/src/components/common/MarkdownBlock.tsx

+ 11 - 3
webview-ui/src/components/common/MarkdownBlock.tsx

@@ -63,9 +63,9 @@ const StyledMarkdown = styled.div`
 		white-space: pre-wrap;
 	}
 
- 	:where(h1, h2, h3, h4, h5, h6):has(code) code {
-    		font-size: inherit;
- 	}
+	:where(h1, h2, h3, h4, h5, h6):has(code) code {
+		font-size: inherit;
+	}
 
 	pre > code {
 		.hljs-deletion {
@@ -103,6 +103,14 @@ const StyledMarkdown = styled.div`
 		overflow-wrap: anywhere;
 	}
 
+	/* Target only Dark High Contrast theme using the data attribute VS Code adds to the body */
+	body[data-vscode-theme-kind="vscode-high-contrast"] & code:not(pre > code) {
+		color: var(
+			--vscode-editorInlayHint-foreground,
+			var(--vscode-symbolIcon-stringForeground, var(--vscode-charts-orange, #e9a700))
+		);
+	}
+
 	font-family:
 		var(--vscode-font-family),
 		system-ui,