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

如何在VSCode默认主题中高亮当前编辑的打开文件?

在VSCode默认主题中高亮当前编辑的标签页

当然可以实现,无需更换主题,直接通过自定义VSCode的颜色配置就能搞定,具体步骤如下:

  1. 打开VSCode设置界面:按下Ctrl+,(Windows/Linux)或Cmd+,(Mac)。
  2. 点击界面右上角的{}图标,进入JSON格式的设置编辑模式。
  3. 根据你使用的默认主题(Light+或Dark+),添加对应的颜色自定义配置:

如果你想给活跃标签添加顶部下划线高亮,可以用这段配置:

"workbench.colorCustomizations": {
    "[Default Light+]": {
        "editorActiveTabBorderTop": "2px solid #ff4081" // 粉色下划线,可自行修改颜色
    },
    "[Default Dark+]": {
        "editorActiveTabBorderTop": "2px solid #64b5f6" // 蓝色下划线,可自行修改颜色
    }
}

如果想要更明显的区分,还可以同时调整活跃标签的背景和文字颜色:

"workbench.colorCustomizations": {
    "[Default Light+]": {
        "editorActiveTabBorderTop": "2px solid #ff4081",
        "editorTab.activeBackground": "#f5f5f5",
        "editorTab.activeForeground": "#000000"
    },
    "[Default Dark+]": {
        "editorActiveTabBorderTop": "2px solid #64b5f6",
        "editorTab.activeBackground": "#2d2d2d",
        "editorTab.activeForeground": "#ffffff"
    }
}
  1. 保存配置文件,VSCode会自动应用设置,当前正在编辑的标签页就会显示你设置的高亮样式了。

你可以根据自己的喜好修改颜色值(比如换成#ff0000红色、#00ff00绿色等),调整线条粗细(把2px改成3px)。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.10 20:10:32