/vscode-markdown-css

GitHub markdown css theme for vscode

Primary LanguageCSSMIT LicenseMIT

vscode-markdown-css

VSCode markdown css themes

Markdown Preview Themes

Themes are based on VSCode's markdown default styles

C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\markdown\media\markdown.css

Themes

  • Preview Theme

  • Extension Theme

    • markdown-github-pandoc.html : for vscode-pandoc extension
    • markdown-pdf.css : for MarkdownPDF extension

Preview

Github

Light

Dark-Material

Usage

Copy files to your computer. Edit Settings.json in Settings File Location like below :

// Preview Settings
// Github style for all VSCode theme
"markdown.styles": [
    "[YOUR_PATH]/vscode-markdown-css/markdown-github.css"
],
// Light/Dark style for Light/Dark VSCode theme
"markdown.styles": [
    "[YOUR_PATH]/vscode-markdown-css/markdown-light.css",
    "[YOUR_PATH]/vscode-markdown-css/markdown-dark-material.css"
],
// Extension - MarkdownPDF
"markdown-pdf.styles": [
    "[YOUR_PATH]/vscode-markdown-css/markdown-pdf.css"
],
// Extension - vscode-pandoc
"pandoc.htmlOptString": "-s -f markdown_github -t html5 -H [YOUR_PATH]/vscode-markdown-css/markdown-github-pandoc.html",

License

Licensed under the MIT License.