Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Markdown ColoringNew to Visual Studio Code? Get it now.
Markdown Coloring

Markdown Coloring

alim5

|
13 installs
| (1) | Free
Apply warm-colored syntax highlighting to markdown elements for better readability
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Coloring

Apply warm-colored syntax highlighting to markdown elements for better readability in VS Code.

Features

  • Headers - Color-coded h1-h4 headers with decreasing warmth
  • Numbered Lists - Alternating colors for list items
  • List Prefixes - Background highlighting for -, *, &, /, !, ?, @ prefixes
  • Blockquotes - Subtle background for quoted text
  • Checkboxes - Green strikethrough for checked, gray for unchecked
  • Inline Code - Dark background highlight
  • Keywords - Bold coloring for TODO, FIXME, NOTE, WARN
  • Table Headers - Highlighted table header rows
  • Horizontal Rules - Muted color for separators

Commands

Command Description
Markdown Coloring: Toggle Toggle coloring on/off globally

Status Bar

Click the MD Colors icon in the status bar to quickly toggle coloring on/off.

  • $(paintcan) MD Colors - Coloring enabled
  • $(circle-slash) MD Colors - Coloring disabled

Settings

Global Toggle

Setting Type Default Description
markdownColoring.enabled boolean true Enable/disable all markdown coloring

File Patterns

Setting Type Default Description
markdownColoring.include array ["**/*.md"] Glob patterns for files to include
markdownColoring.exclude array [] Glob patterns for files to exclude

Per-Element Toggles

Setting Type Default Description
markdownColoring.headers boolean true Enable coloring for headers (h1-h4)
markdownColoring.numberedLists boolean true Enable coloring for numbered lists
markdownColoring.listPrefixes boolean true Enable coloring for list prefixes (-, *, &, /, !, ?, @)
markdownColoring.blockquotes boolean true Enable coloring for blockquotes
markdownColoring.checkboxes boolean true Enable coloring for checkboxes
markdownColoring.inlineCode boolean true Enable coloring for inline code
markdownColoring.keywords boolean true Enable coloring for keywords (TODO, FIXME, NOTE, WARN)
markdownColoring.tableHeaders boolean true Enable coloring for table headers
markdownColoring.horizontalRules boolean true Enable coloring for horizontal rules

Example Configuration

{
  "markdownColoring.enabled": true,
  "markdownColoring.headers": true,
  "markdownColoring.keywords": true,
  "markdownColoring.checkboxes": false,
  "markdownColoring.exclude": ["**/node_modules/**"]
}

Color Reference

Element Color
H1 #E07B39 (orange, bold)
H2 #D4A84B (gold, bold)
H3 #C9B856 (yellow-green)
H4 #B8A862 (olive)
TODO #F39C12 (orange, bold)
FIXME #E74C3C (red, bold)
NOTE #3498DB (blue, bold)
WARN #F1C40F (yellow, bold)
Checked #27AE60 (green, strikethrough)
Unchecked #BDC3C7 (gray)

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft