在Visual Studio Code Markdown预览上设置背景色
cra*_*ash 6 markdown visual-studio-code
我目前Dark+在Visual Studio Code上使用默认的颜色主题，降价预览使用的是相同的样式（黑色背景颜色和白色文本）。
如何只为降价预览更改为浅色主题，例如深色文本和白色背景？我尝试"markdown.preview.background": "#FFFFFF"在settings.json文件中写入类似内容，但没有成功。
谢谢
nil*_*loc 14
通过Markdown Preview Enhanced扩展，您现在可以在 GUI 或settings.json. 撰写时间 2021-04-08
"markdown-preview-enhanced.previewTheme": "github-dark.css"
pad*_*lds 10
除了为每个项目创建自己的样式表之外，实现此目的的一种简单方法是安装Markdown Preview Enhanced扩展。扩展的默认 Markdown 主题是白色的，但您也可以通过在 settings.json 中设置“markdown-preview-enhanced.previewTheme”来选择不同的主题
"markdown-preview-enhanced.previewTheme": "medium.css"
当您开始输入 json 值时，将显示可用主题的完整列表。
在具有深色 VS Code 主题的同时在 Markdown 预览中获得白色背景颜色的一种方法是使用Matt Bierner的Markdown Preview GitHub Styling VS Code 扩展。
由于 Markdown Preview GitHub Styling默认根据您的 VS Code 主题选择主题类型（浅色与深色），因此您需要设置
"markdown-preview-github-styles.colorTheme": "light",
在你的settings.json。( Ctrl-Shift-P-> Preferences: Open Settings (JSON))。
在 WSL 或远程会话上使用 VS Code？
- 然后，您必须在 WSL/远程计算机中安装Markdown Preview GitHub Styling扩展，并编辑远程设置：( -> )
settings.jsonCtrl-Shift-PPreferences: Open Remote Settings (JSON) (RemoteName)
小智 6
我遇到了同样的问题，找不到开箱即用的解决方案来解决它。所以我继续修改默认版本markdown.css以适用于 Dark+ 主题：https : //github.com/dhdhagar/vscode-md-preview-light。
在 VSCode 中，只需编辑Markdown: Styles配置或将以下行添加到settings.json：
"markdown.styles": [
"https://cdn.jsdelivr.net/gh/dhdhagar/vscode-md-preview-light/style.min.css"
]
On the Visual Studio Code markdown documentation page they have actually used the extension Markdown Preview Github Styling
- 在目录/工作空间的根目录中创建styles.css文件。
markdown.styles: ["styles.css"]在settings.json中添加- 在styles.css中，添加
body { background: #fff; }
为了实现同样的事情而没有所有这些麻烦，你也可以这样做：
<body style="background: #fff;">
// Your markdown code
</body>
| 归档时间： |
|
| 查看次数： |
1658 次 |
| 最近记录： |