You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code的Markdown预览代码块能否与当前VS Code主题保持一致?

VS Code Markdown预览代码块匹配主题方案

这个功能无需自行开发扩展,VS Code原生即可实现:

  • 高版本VS Code(v1.60及以上)默认已内置该适配能力,你只需要修改对应配置即可生效:
    1. 按下快捷键Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板
    2. 搜索配置项 markdown.preview.theme
    3. 将该配置的取值修改为 currentTheme,保存后Markdown预览面板的代码块就会自动匹配当前VS Code主题的代码背景色、语法高亮规则
  • 如果需要进一步自定义代码块的细节样式,可以通过配置markdown.styles指向本地自定义CSS文件,按需调整预览区的所有样式规则。

内容的提问来源于stack exchange,提问作者Alex Lopez

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.12 09:18:03