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

VSCode深色主题下修改Jupyter Notebook Markdown字体颜色的方法

解决VSCode深色主题下Jupyter Notebook Markdown文本过淡的问题

下面是几个可行的解决方案:

  • 通过settings.json自定义Token颜色
    在用户或工作区的settings.json中添加editor.tokenColorCustomizations配置,直接覆盖Notebook中Markdown文本的颜色。示例配置如下:

    "editor.tokenColorCustomizations": {
      "[你的深色主题名称]": {
        "textMateRules": [
          {
            "scope": "text.html.markdown",
            "settings": {
              "foreground": "#e6e6e6" // 替换为你需要的亮色,比如#ffffff纯白
            }
          },
          {
            "scope": "markup.heading",
            "settings": {
              "foreground": "#ffcc00" // 单独调整标题颜色,可选
            }
          }
        ]
      }
    }
    

    注意替换[你的深色主题名称]为实际使用的主题(比如Dark+ (默认暗色)),可以通过Preferences: Color Theme查看当前主题的准确名称。

  • 切换适配Notebook的深色主题
    部分第三方深色主题针对Jupyter Notebook做了优化,比如One Dark Pro、Monokai Pro等,这些主题默认会让Notebook的Markdown文本显示更清晰,无需额外配置。

  • 使用自定义CSS(进阶方法)
    安装Custom CSS and JS Loader扩展,然后创建自定义CSS文件,添加如下规则:

    .notebook-cell.markdown-cell .rendered-html {
      color: #e6e6e6 !important;
    }
    .notebook-cell.markdown-cell .rendered-html h1,
    .notebook-cell.markdown-cell .rendered-html h2 {
      color: #ffcc00 !important;
    }
    

    之后在settings.json中配置该CSS文件路径:

    "vscode_custom_css.imports": [
      "file:///path/to/your/custom.css"
    ]
    

    注意:此方法可能因VSCode版本更新失效,使用前需确认扩展兼容性。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.05 14:30:35