VS Code的Markdown预览代码块能否与当前VS Code主题保持一致?
VS Code Markdown预览代码块匹配主题方案
这个功能无需自行开发扩展,VS Code原生即可实现:
- 高版本VS Code(v1.60及以上)默认已内置该适配能力,你只需要修改对应配置即可生效:
- 按下快捷键
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板 - 搜索配置项
markdown.preview.theme - 将该配置的取值修改为
currentTheme,保存后Markdown预览面板的代码块就会自动匹配当前VS Code主题的代码背景色、语法高亮规则
- 按下快捷键
- 如果需要进一步自定义代码块的细节样式,可以通过配置
markdown.styles指向本地自定义CSS文件,按需调整预览区的所有样式规则。
内容的提问来源于stack exchange,提问作者Alex Lopez
相关产品推荐
相关产品推荐

