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
| |