更改VS Code的标题栏颜色？

Question

有没有办法改变Title BarVS Code(v1.26.0)的颜色？

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

现在有一个名为Window Colors的方便的 Visual Studio Code 市场插件，它会自动为每个窗口的活动栏和标题栏着色。

只需转到扩展并键入：窗口颜色

有关详细信息，请参阅 Visual Studio Code市场网页。

编辑（2020 年 9 月）：刚刚注意到在 Ubuntu 20.04 上，我必须在 VSCode 首选项中将preferences->titlebar设置设置为从native到custom。否则标题栏不会改变颜色。也可以在这里在 github 上看到这个问题- 来自@musicfuel的输入为我解决了这个问题。

Answer 4

Peacock几个月前， John Papa推出了。从那以后我一直在使用它。

这是一个易于使用的插件，具有一组很棒的命令可供使用。

它是高度可定制的。

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

Answer 5

万一有人仍然感兴趣。我正在使用Color Stamp插件

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

.vscode\settings.json

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

Answer 6

请应用这些简单的步骤。

\n

\n

1. 菜单文件\xe2\x86\x92首选项\xe2\x86\x92设置

   \n
\n

2. 查找"window.titleBarStyle": "native"并更改为"window.titleBarStyle": "custom". 它现在将适应您的主题。

   \n
\n

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

   \n
\n

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

   \n

    "workbench.colorCustomizations": {\n         "titleBar.activeBackground": "#191919cc",\n         "titleBar.activeForeground":"#ffffff",\n },\n

   \n
\n

\n

Answer 7

请注意，VSCode 1.45（2020 年 4 月）将提供其他设置：

编辑器选项卡的新主题颜色

一些新颜色添加到了更多主题工作台编辑器选项卡中：

• tab.unfocusedInactiveBackground：未聚焦组中的非活动选项卡背景颜色
• tab.hoverForeground：悬停时选项卡前景色
• tab.unfocusedHoverForeground：悬停时未聚焦组中的选项卡前景色

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

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

新的颜色editorGroupHeader.border允许在编辑器组标题下方渲染边框（如果启用，则在面包屑下方）以恢复editorGroupHeader.tabsBorder.