Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Preview Github StylingNew to Visual Studio Code? Get it now.

Markdown Preview Github Styling

Matt Bierner

mattbierner.com
|
1,050,994 installs
| (30) | Free
Changes VS Code's built-in markdown preview to match Github's style
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Changes VS Code's built-in markdown preview to match GitHub's styling.

Includes support for both light and dark GitHub themes. By default, the theme type (light vs dark) is selected based on your VS Code theme.

❗️ Important: This extension only styles the Markdown preview. Use this extension pack to add support for other GitHub markdown features like :emoji: and - [ ] tasklists.

Features

  • Preview what your markdown will look like rendered on GitHub.
  • Extends VS Code's built-in markdown preview.
  • Includes both light or dark Github themes.
  • Customize styling using your own markdown.styles css

Usage

Please see the VSCode Markdown Preview documentation for instructions on how to use this extension.

Configuration

This theme is configurable in a similar manner to GitHub's appearance settings.

  • markdown-preview-github-styles.colorTheme Sets the GitHub color theme for the Markdown preview. Default: auto.
    • auto: Automatically match the editor color theme.
    • system: Sync to the system/OS color theme.
    • light: Always use the GitHub site's light theme.
    • dark: Always use the GitHub site's dark theme.
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft