Markdown preview #179

The problem

When opening a .md file in "preview" mode with the extension installed, and any of the provided themes activated, the Render looks completely different then markdown rendered on the github.com website. I assumed that the extension would, in an attempt to mimic styling of the GitHub website, make the markdown render look similar. I am not talking about GitHub flavoured markdown features missing (like this issue), just that the styling is different. This affects every theme supplied by the extension.

Proof

Here are two screenshots of the same markdown section:

## Setup

### on Windows

Get Debian,

rendered in both systems:

• GitHub website
  

• vscode Extension
  

Here are the fonts copied with chrome devtools from both views of the title word "Setup".

/* From the Github website */
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;

/* vscode Extension */
font-family: var(--markdown-font-family, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);

Solutions

I have found the Markdown Preview Github Styling vscode Extension which does just that, but it does not support dark mode yet.

Opinion

Either way i honestly think, that the official GitHub theme, vscode extension should alter the look of a markdown "preview". Since markdown is (from my experience) largely associated with GitHub. And a developer might want to take a look at how his readme will actually look on GitHub, since he is hosting his repo there. Don't you guys have a simple md-web-view.css file around somewhere? please?