在Visual Studio Code Markdown预览上设置背景色


Set background color on Visual Studio Code Markdown Preview

我当前在Visual Studio Code上使用默认的Dark+颜色主题，降价预览使用的是相同的样式(黑色背景色和白色文本)。

如何为降价预览更改为浅色主题，例如深色文本和白色背景？ 我尝试在settings.json文件中编写类似"markdown.preview.background":"#FFFFFF"的内容，但未成功。

谢谢

相关讨论

除了为每个项目创建自己的样式表之外，一种简单的方法是安装Markdown Preview Enhanced扩展。扩展名的默认markdown主题为白色，但您也可以通过在settings.json中设置" markdown-preview-enhanced.previewTheme"来选择其他主题

1
"markdown-preview-enhanced.previewTheme":"medium.css"

当您开始输入json值时，将显示可用主题的完整列表。

  • 在目录/工作区的根目录中创建styles.css文件。
  • 在settings.json中添加markdown.styles: ["styles.css"]
  • 在styles.css中，添加body { background: #fff; }

    • 为了实现相同的目的而没有所有的麻烦，您也可以这样做：

    1
    2
    3
    <body style="background: #fff;">
    // Your markdown code
    </body>
    相关讨论

    在Visual Studio Code markdown文档页面上，他们实际上已使用扩展Markdown Preview Github Styling

    enter image description here

    检出名为Markdown Live的扩展名，该扩展名有助于预览Markdown，它带有WYSIWG编辑器，可帮助您轻松编辑任何markdown内容。它还提供以下功能

    • 呈现多个.md文件
    • 立即将WYSIWG编辑器中的更改同步到文本文档中，反之亦然
    • 支持vscode主题

    我遇到了同样的问题，无法找到一个现成的解决方案来修复它。因此，我继续进行了默认markdown.css的修改版本以适用于Dark +主题：https：//github.com/dhdhagar/vscode-md-preview-light。

    在VSCode中，只需编辑Markdown：样式配置或将以下行添加到settings.json：

    1
    2
    3
    "markdown.styles": [
           "https://cdn.jsdelivr.net/gh/dhdhagar/vscode-md-preview-light/style.min.css"
        ]