Repository files navigation

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. Usethis extension pack to add support for other GitHub markdown features like:emoji: and- [ ] tasklists.

• Preview what your markdown will look like on GitHub.
• Extends VS Code's built-in markdown preview.
• Includes Github's Dark and Light themes, along with Github's dark dimmed, high contrast, and color blind accessible themes.
• Customize styling using your ownmarkdown.styles css
  • Make sure you apply your styles to the.github-markdown-body instead of justbody so they don't get overridden by this extension

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

By default, this extension uses the Github theme that matches VS Code's color theme (light/dark). These settings let you further customize which Github theme the Markdown preview uses.

• markdown-preview-github-styles.colorTheme

  Sets the color theme mode for the styling of the Markdown preview. Default:auto.

  • Auto (match editor): Automatically match the editor color theme (light/dark).
  • System: Sync to the system/OS color theme.
  • Single theme: Light: Always use the selected Light theme. Seemarkdown-preview-github-styles.lightTheme
  • Single theme: Dark: Always use the selected Dark theme. Seemarkdown-preview-github-styles.darkTheme

• markdown-preview-github-styles.lightTheme andmarkdown-preview-github-styles.darkTheme.

  Specify the theme used when in Light/Dark mode. Only the matching setting applies whencolorTheme is inSingle theme mode.

  Available themes:

  • Light -light
  • Light high contrast -light_high_contrast
  • Light Protanopia & Deuteranopia -light_colorblind
  • Light Tritanopia -light_tritanopia
  • Dark -dark
  • Dark high contrast -dark_high_contrast
  • Dark Protanopia & Deuteranopia -dark_colorblind
  • Dark Tritanopia -dark_tritanopia
  • Dark dimmed -dark_dimmed