Markdown Preview Pro Max

A rich, full-featured Markdown preview extension for VS Code with dynamic theming, Mermaid diagrams, KaTeX math, syntax highlighting, and more.

✨ Features

• 📝 Full Markdown rendering — CommonMark compliant via markdown-it
• 🎨 Dynamic Theme System — Pick a seed color, auto-generate entire palette
• 💡 Code Syntax Highlighting — 190+ languages via highlight.js
• 📊 Offline Mermaid Diagrams — Flowcharts, Sequence, Gantt, Pie, Class diagrams, Mindmaps (bundled offline engine, no CDN needed)
• 🔍 Interactive Diagram Viewer — Fullscreen Pan & Zoom modal with mouse drag and scroll wheel scaling
• 💾 Diagram Image Exports — One-click Download PNG (High-DPI) & Download SVG
• 🔢 KaTeX Math — Inline $...$ and block $$...$$ LaTeX rendering
• ✅ Task Lists — - [x] / - [ ] checkboxes
• 🔔 GitHub-style Alerts — [!NOTE], [!TIP], [!WARNING], [!IMPORTANT], [!CAUTION]
• 📋 Copy Code Button — One-click copy on every code block & diagram source
• 😄 Emoji — :smile: → 😄
• 📎 Footnotes — Footnote references and content
• 🔗 Anchor Links — Clickable heading anchors
• 🌗 Light/Dark Mode — Toggle or auto-detect from VSCode theme with live diagram re-coloring
• ⚡ Live Preview — Real-time update on editing
• 📱 Responsive — Clean layout at any width

🚀 Usage

1. Open any .md file in VS Code
2. Press Cmd+K V (Mac) or Ctrl+K V (Windows/Linux)
3. Or right-click → "Markdown Preview Pro Max: Open Preview"

🎨 Theme System

Pick any color → the entire preview palette is generated from it!

• 5 preset colors on the toolbar (Blue, Green, Purple, Orange, Rose)
• Custom color picker for any color
• Light/Dark toggle — same hue, different lightness
• Auto mode — follows your VSCode theme

Settings

{
  "markdownPreviewProMax.theme.seedColor": "#4A90D9",
  "markdownPreviewProMax.theme.mode": "auto"
}

⌨️ Keyboard Shortcuts

📦 Development

npm install
npm run build    # Build once
npm run watch    # Watch mode

Press F5 to open Extension Development Host.