From cc2c7c0a1a7e775832a9c757d9f6929f45461844 Mon Sep 17 00:00:00 2001
From: Matt Bierner <matb@microsoft.com>
Date: Mon, 6 Feb 2017 17:18:58 -0800
Subject: [PATCH] Improve Markdown Preview Code Block Coloring

Fixes #7776

**Bug**
Code blocks in the markdown preview are not very good looking

**Fix**
Use default text color for indented code blocks and add a background
---
 extensions/markdown/media/markdown.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/extensions/markdown/media/markdown.css b/extensions/markdown/media/markdown.css
index 7c667fdcc01..7cefe421dc6 100644
--- a/extensions/markdown/media/markdown.css
+++ b/extensions/markdown/media/markdown.css
@@ -149,7 +149,8 @@ body.wordWrap pre {
 	line-height: 18px;
 }
 
-code > div {
+pre:not(.hljs),
+pre.hljs code > div {
 	padding: 16px;
 	border-radius: 3px;
 	overflow: auto;
@@ -157,15 +158,18 @@ code > div {
 
 /** Theming */
 
-.vscode-light {
+.vscode-light,
+.vscode-light pre code {
 	color: rgb(30, 30, 30);
 }
 
-.vscode-dark {
+.vscode-dark,
+.vscode-dark pre code {
 	color: #DDD;
 }
 
-.vscode-high-contrast {
+.vscode-high-contrast,
+.vscode-high-contrast pre code {
 	color: white;
 }
 
@@ -177,14 +181,17 @@ code > div {
 	color: #D7BA7D;
 }
 
+.vscode-light pre:not(.hljs),
 .vscode-light code > div {
 	background-color: rgba(220, 220, 220, 0.4);
 }
 
+.vscode-dark pre:not(.hljs),
 .vscode-dark code > div {
 	background-color: rgba(10, 10, 10, 0.4);
 }
 
+.vscode-high-contrast pre:not(.hljs),
 .vscode-high-contrast code > div {
 	background-color: rgb(0, 0, 0);
 }
-- 
GitLab