Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Preview VS Code HighlightingNew to Visual Studio Code? Get it now.
Markdown Preview VS Code Highlighting

Markdown Preview VS Code Highlighting

Matt Bierner

|
18,535 installs
| (4) | Free
Use VS Code's highlighter for code blocks in the built-in markdown preview.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Uses Shiki for code highlighting in VS Code's builtin markdown preview. This makes the preview's colors better match what you see in VS Code text editor.

Configuration

markdownShiki.theme

The color theme to use in the preview:

  • "abyss"
  • "dark_plus" (default)
  • "dark_vs"
  • "hc_black"
  • "kimbie_dark"
  • "light_plus"
  • "light_vs"
  • "monokai"
  • "monokai_dimmed"
  • "quietlight"
  • "red"
  • "solarized_dark"
  • "solarized_light"
  • "Material-Theme-Darker-High-Contrast"
  • "Material-Theme-Darker"
  • "Material-Theme-Default-High-Contrast"
  • "Material-Theme-Default"
  • "Material-Theme-Lighter-High-Contrast"
  • "Material-Theme-Lighter"
  • "Material-Theme-Ocean-High-Contrast"
  • "Material-Theme-Ocean"
  • "Material-Theme-Palenight-High-Contrast"
  • "Material-Theme-Palenight"
  • "nord"
  • "min-light"
  • "min-dark"
  • "white"
  • "white-night"
  • "zeit
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft