更改VS Code的标题栏颜色？

Question

是否可以更改VS Code（v1.26.0）的Title Bar颜色？

Answer 1

1. File> Preferences> Settings

2. 查找"window.titleBarStyle": "native"，将其复制到用户设置并将其更改为"window.titleBarStyle": "custom"，它将立即适应您的主题。

3. 如果当前颜色不是您想要的颜色或您想要对其进行调整，请尝试执行此操作。

4. 在用户设置中添加以下内容。

   
   "workbench.colorCustomizations": {
       "[Name of the Current Theme you are using]": {
           "titleBar.activeBackground": "#191919cc",
           "titleBar.activeForeground":"#ffffff",
       },
   },
   "window.titleBarStyle": "custom"
   

Answer 2

打开File> Preferences> Settings并添加以下设置：

"workbench.colorCustomizations": {
  "titleBar.activeBackground": "#553955" // change this color!
}

来自以下来源：

https://medium.com/@camdenb/colorful-vscode-titlebars-for-better-productivity-b05a619defed

Answer 3

John Papa于几个月前推出了Peacock。从那时起我一直在使用相同的东西。

这是一个易于使用的插件，带有许多可使用的命令。

高度可定制。

还强调BrandColors，当您同时从事涉及不同框架和库的几个不同项目时，它会派上用场。

Answer 4

现在有一个方便的VSCode市场插件，名为 Window Colors ，该插件可以自动为每个窗口的活动栏和标题栏唯一地着色。

Just got ot extensions and type: window colors

有关更多信息，请参见VSCode marketplace webpage：

Answer 5

如果有人仍然感兴趣。我正在使用 Color Stamp 插头

为了进一步调整，我在 vscode 项目设置中更改了以下参数

<块引用>

.vscode\settings.json

    "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#7C21D7",
    "titleBar.border": "#ebe8e8",
    "titleBar.inactiveBackground": "#7c21d77c",
    "titleBar.activeBackground": "#7C21D7",
    "titleBar.activeForeground": "#ebe8e8",
    "statusBar.background": "#7C21D7",
    "statusBar.debuggingBackground": "#7C21D7",
    "statusBar.noFolderBackground": "#7C21D7",
    "statussBar.prominentBackground": "#7C21D7",
    "statusBar.foreground": "#ebe8e8"
}

Answer 6

我创建了一个简单的VScode插件，该插件接受正则表达式和颜色的列表，并根据它们更改titleBar。非常适合在单一仓库或带有多个程序包（例如lerna或react + react-react-native）的大型项目中工作

https://marketplace.visualstudio.com/items?itemName=orepor.color-tabs-vscode-ext

Answer 7

请注意，VSCode 1.45（2020年4月）将提供additional settings：

编辑器标签的新主题颜色

在某些主题工作台编辑器选项卡中添加了

一些新颜色：

• tab.unfocusedInactiveBackground：未聚焦的组中的选项卡背景颜色无效
• tab.hoverForeground：悬停时制表符前景色
• tab.unfocusedHoverForeground：悬停时未聚焦的组中的选项卡前景色

编辑器标题边框的新主题颜色

现有颜色 editorGroupHeader.tabsBorder 已更改为在选项卡下方但在面包屑上方呈现边框。

新颜色editorGroupHeader.border 允许在编辑器组标题下方（如果启用，则在面包屑下方）呈现边框，以恢复editorGroupHeader.tabsBorder的先前行为。