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

如何在VSCode中为深浅主题分别设置workbench.colorCustomizations

VS Code 为深浅主题单独配置当前行高亮的方法

VS Code 的 workbench.colorCustomizations 配置项支持按单个主题ID覆写样式,你可以分别给浅色、深色主题设置不同的高亮参数,操作方法如下:

  • 第一步:获取你正在使用的主题ID
    按下 Ctrl+Shift+P(Mac 为 Command+Shift+P)调出命令面板,输入并执行 Developer: Generate Color Theme From Current Settings,在打开的配置文件顶部即可看到当前主题的 id 字段值,比如默认浅色主题ID为 Default Light Modern,默认深色主题ID为 Default Dark Modern。
  • 第二步:修改 settings.json 配置
    打开设置界面,点击右上角的打开设置(JSON)按钮,将原有全局的行高亮配置拆分为对应主题的单独配置,示例如下:
"workbench.colorCustomizations": {
    // 替换为你自己的浅色主题ID
    "[Default Light Modern]": {
        "editor.lineHighlightBackground": "#e8f4ff", // 当前行背景色
        "editorLineNumber.activeForeground": "#0066cc", // 当前行行号颜色
        // 其余你自定义的行高亮相关配置都可以放在这里
    },
    // 替换为你自己的深色主题ID
    "[Default Dark Modern]": {
        "editor.lineHighlightBackground": "#2a2d2e",
        "editorLineNumber.activeForeground": "#4da6ff",
        // 深色主题下的适配配置放在这里
    }
}

保存配置后即可生效,切换深浅主题时会自动加载对应配置的高亮样式。

注意:目前VS Code暂不支持按「浅色/深色主题类型」批量匹配配置,如果你使用多个不同的浅色/深色主题,需要为每个主题单独添加对应的配置块。

内容的提问来源于stack exchange,提问作者Just a learner

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.05 03:45:04