如何在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
相关产品推荐
相关产品推荐

