Skip to content

What do you think about Visual Studio Marketplace? We are looking for feedback from developers like you! Take the survey

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

Markdown Preview Github Styling

Matt Bierner

|
957,332 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