# UI 配色

## openmcp 的主题色随跟 vscode

openmcp 的主题颜色完全跟随 vscode，如果你想要更换 openmcp 的主题颜色，你只需要更换 vscode 的主题颜色即可。

比如当你把颜色切换为社区知名主题 One Dark Pro 时，openmcp 的表现：

![](./images/one-dark-pro.png)


## 切换主题色

这里可以切换 openmcp 的主题色（默认是粉色）

![](./images/change-color.png)


## Trae 的特殊支持

openmcp 对 trae 的默认主题色都有额外的支持。我们也鼓励我们的用户尝试 vscode，cursor，trae 等不同的 VLE 来获得最佳手感。

openmcp 官方文档大部分演示的例子都是基于 trae 的「深蓝」默认主题。

![](./images/trae-blue.png)