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

时间:2019-03-15 10:02:19

标签: visual-studio-code markdown

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

如何仅针对降价预览更改为浅色主题,例如深色文本和白色背景?我尝试在"markdown.preview.background": "#FFFFFF"文件中编写类似settings.json的文件,但没有成功。

谢谢

6 个答案:

答案 0 :(得分:2)

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

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

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

答案 1 :(得分:1)

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

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

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

答案 2 :(得分:1)

使用 Markdown Preview Enhanced 扩展,您现在可以在 GUI 或 settings.json 中选择您的主题。撰写时间 2021-04-08

"markdown-preview-enhanced.previewTheme": "github-dark.css"

Markdown Preview Enhanced Dark Theme

答案 3 :(得分:0)

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

要在没有所有麻烦的情况下完成同一件事,您也可以这样做:

<body style="background: #fff;">
// Your markdown code
</body>

答案 4 :(得分:0)

签出名为Markdown Live的扩展名,它有助于预览降价促销,并且它附带了WYSIWG编辑器,该编辑器将有助于轻松地编辑任何降价促销内容。它还提供以下功能

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

答案 5 :(得分:0)