A VS Code extension that renders Markdown files with a rich dark theme, live preview, Mermaid diagram support, and PDF export.
Features
- Live preview — re-renders as you type (300 ms debounce) and on save
- Dark theme — deep GitHub-dark-inspired palette (
#0d1117background,#c9d1d9text) - Side-by-side mode — editor on the left, preview on the right
- Mermaid diagrams — auto-renders
```mermaidfences as diagrams - PDF export — opens a print-ready HTML page in your default browser; use File → Print → Save as PDF
- Copy HTML — copies the rendered HTML to clipboard
- Configurable theme — customize colors, font, and size via VS Code settings
Commands
| Command | Description |
|---|---|
Dark Markdown: Open Preview |
Open rendered preview |
Dark Markdown: Open Side by Side Preview |
Editor + preview side by side |
Dark Markdown: Export to PDF |
Export current file to PDF |
Toolbar buttons
Each preview panel has three toolbar buttons:
- Side by Side — toggle side-by-side mode
- Export PDF — trigger PDF export
- Copy HTML — copy rendered HTML to clipboard
Settings
| Key | Default | Description |
|---|---|---|
darkMarkdown.theme.background |
#0d1117 |
Preview background color |
darkMarkdown.theme.foreground |
#c9d1d9 |
Preview text color |
darkMarkdown.theme.accent |
#58a6ff |
Accent/link color |
darkMarkdown.theme.fontFamily |
'Segoe UI', system-ui, sans-serif |
Body font |
darkMarkdown.theme.fontSize |
16 |
Font size (px) |
darkMarkdown.sideBySideByDefault |
false |
Open side-by-side by default |
darkMarkdown.autoRefresh |
true |
Auto-refresh on changes |
Development
npm install
npm run compile
# Press F5 in VS Code to launch Extension Development Host
Packaging
npm install -g @vscode/vsce
vsce package
Theme palette
| Role | Color |
|---|---|
| Background | #0d1117 |
| Text | #c9d1d9 |
| Headings | #e6edf3 |
| Accent / Links | #58a6ff |
| Code background | #161b22 |
| Borders | #30363d |
| Muted text | #8b949e |
| Blockquote border | #3d444d |
Mermaid example
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Do it]
B -->|No| D[Skip]
C --> E[End]
D --> E
```
License
MIT