VSCode界面美化Peacock工作区配色教程-VSCode-PHP中文网

Peacock 是为工作区打颜色标签的工具，不美化界面；需手动执行“Peacock: Change Color”命令生效，颜色保存于工作区 settings.json，依赖 peacock.preserveColorOnClose 设置和启动方式才能自动恢复。

vscode界面美化peacock工作区配色教程

Peacock 不是用来“美化界面”的，它是给不同工作区打颜色标签的工具；想改编辑器背景、括号高亮或侧边栏毛玻璃效果，得靠 workbench.colorCustomizations 或主题本身。

装完插件标题栏还是灰色？不是插件没起作用，是它默认完全静默。Peacock 不监听配置变化，也不自动渲染——peacock.color 字段只是缓存值，不是开关。

必须按 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS），输入并执行 Peacock: Change Color
macOS 用户需确认 Window: Title Bar Style 设为 custom，否则系统接管标题栏，Peacock 无法绘制
Linux（如 GNOME）会强制统一标题栏样式，此时仅 tab.activeBorder 和侧边栏顶部可见，看起来像“窄边框”
执行后颜色写入当前工作区 .vscode/settings.json，但新开一个独立 VSCode 实例（哪怕打开同一路径），仍需重新运行命令

颜色能否自动恢复，取决于三个硬条件：

常见误操作：在用户级 settings.json 里写了 "peacock.color": "#FF6B6B"，但没执行命令——这行配置不会触发任何 UI 变化，纯属无效缓存。

Peacock 染的是 UI 容器色：标题栏、活动栏、状态栏、tab.activeBorder、侧边栏顶部。它不碰以下任何一项：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

常见错误现象：“边栏黑了，代码还白着”“状态栏变红，但 Git 分支文字看不清”——这不是 Peacock 的问题，是你漏配了 workbench.colorCustomizations 或主题没对齐 editor.tokenColorScheme。

想让每个项目有专属颜色，关键不是插件多炫，而是配置位置精准：

颜色配置必须放在项目根目录的 .vscode/settings.json，不能写在用户级 settings.json 里
右下角状态栏必须显示「工作区」字样，不是「用户」
多根工作区中所有子项目共享同一个顶部颜色，无法差异化；若提交 .vscode/settings.json，记得检查 .gitignore 是否排除了 .vscode/
第三方主题（如 Material Theme）可能禁用深色语法渲染，需额外手动开启 "editor.tokenColorScheme": "Default Dark+"

真正容易被忽略的是：Peacock 的语义色（如 "dev"、"prod"）比十六进制更可靠——它自动处理对比度和图标可读性，而手写 #ffffff 给 activityBar.background 可能导致图标直接消失。