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

如何修改VS Code Ports面板中的黄色高亮颜色?

修改VS Code PORTS面板黄色高亮颜色的方法

完全可以修改,具体操作步骤如下:

  • 打开VS Code设置界面,按下快捷键Ctrl+,(Windows/Linux)或Cmd+,(Mac)快速打开。
  • 在设置顶部的搜索框输入workbench.colorCustomizations,定位到该配置项。
  • 点击配置项右侧的编辑 in settings.json,进入JSON编辑模式。
  • 在workbench.colorCustomizations对象中添加对应配置,比如把黄色高亮改成蓝色:
    "workbench.colorCustomizations": {
        "ports.iconRunningForeground": "#007acc"
    }
    
    你可以替换#007acc为任意你喜欢的十六进制颜色值。
  • 保存settings.json文件,VS Code会自动生效,PORTS面板里的高亮颜色就会变成你设置的颜色。

如果需要修改端口列表行的高亮背景色,可以额外添加ports.listHoverBackground(hover状态)或ports.listFocusBackground(选中状态)的颜色配置。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.28 08:09:49