Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Colorful Markdown PreviewNew to Visual Studio Code? Get it now.
Colorful Markdown Preview

Colorful Markdown Preview

Abhi Khanna

|
1 install
| (0) | Free
Highlights markdown documents in the editor with colorful notebook-style themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Colorful Markdown for VS Code

Transform your plain Markdown files into beautiful, color-rich, notebook-style documents. Colorful Markdown provides a gorgeous Markdown preview window that applies aesthetic styles, pastel layouts, and soft color palettes to your Markdown files.


Features

  • Rich HTML Preview: Instantly view your markdown rendered in high-quality, readable layouts.
  • Beautiful Built-in Themes:
    • Light Themes: meadow (Soft greens), sunset (Peachy pinks), ocean (Aquas), parchment (Warm sepia).
    • Dark Themes: dark-meadow, dark-sunset, dark-ocean, dark-aurora (Optimized, high-contrast aesthetics for dark mode).
  • Auto-Updating: The preview updates dynamically in real-time as you type and edit your files.
  • In-Preview Theme Selector: Easily switch between available color themes using the floating toolbar located in the top-right corner of the preview.

Usage

When you open a Markdown file (.md), click the new Open Colorful Markdown Preview button ($(symbol-color)) in the editor's title bar to open the rich preview tab.

Inside the preview window, use the theme dropdown at the top right to switch between the available themes (Meadow, Sunset, Ocean, and Parchment).


Configuration & Settings

You can customize the extension behavior by opening VS Code Settings and searching for Colorful Markdown:

  • colorfulMarkdown.theme: Select the default color theme for the Markdown preview so you don't have to switch it manually every time.

👤 Author

Abhishek Khanna 👷‍♂️ Senior Software Engineer

  • LinkedIn: https://www.linkedin.com/in/abhishek--khanna/
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft