更改 Visual Studio 代码的标题栏颜色

Question

有没有办法改变 Visual Studio 代码 (v1.26.0) 的 Title Bar 颜色？

Answer 1

菜单文件→首选项→设置
寻找"window.titleBarStyle": "native"，将其复制到您的用户设置，并将其更改为"window.titleBarStyle": "custom"。它会立即调整您的主题。
如果当前颜色不是您想要的或者您想调整它，请尝试这样做。

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

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

Answer 2

打开菜单文件 → 首选项 → 设置并添加以下设置：

"workbench.colorCustomizations": {
  "titleBar.activeBackground": "#553955" // Change this color!
},
"window.titleBarStyle": "custom"

来自以下来源：

Colorful Visual Studio Code titlebars for better productivity

Answer 3

我创建了一个简单的 Visual Studio 代码插件，它接受正则表达式和颜色列表并根据它们更改 titleBar。非常适合 mono repositories or large projects with multiple packages (like Lerna, or React + React Native)

ColorTabs

Answer 4

现在有一个方便的 Visual Studio 代码市场插件，名为 Window Colors，它会自动为每个 window 的活动栏和标题栏添加唯一的颜色.

只需转到扩展程序并输入：window 颜色

有关详细信息，请参阅 Visual Studio 代码 marketplace webpage。

编辑（2020 年 9 月）：刚刚注意到在 Ubuntu 20.04 上我必须将 preferences->titlebar 设置从 native 设置为 custom 在 VSCode 首选项中。否则标题栏不会改变颜色。另请参阅此 issue on github here- the input from @musicfuel 为我解决了它。

Answer 5

John Papa launched Peacock 几个月前。从那以后我就一直在用它。

这是一个 easy-to-use 插件，带有一组很棒的命令。

高度customize-able。

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

Answer 6

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

New theme colors for editor tabs

Some new colors where added to further theme workbench editor tabs:

tab.unfocusedInactiveBackground: Inactive tab background color in an unfocused group

tab.hoverForeground: Tab foreground color when hovering

tab.unfocusedHoverForeground: Tab foreground color in an unfocused group when hovering

New theme color for editor title border

The existing color editorGroupHeader.tabsBorder changed to render a border below tabs but above breadcrumbs.

A new color editorGroupHeader.border allows to render a border below the editor group header (i.e. below breadcrumbs if enabled) to restore the previous behaviour of editorGroupHeader.tabsBorder.

Answer 7

万一还有人感兴趣。我正在使用 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 8

更改 Visual Studio 代码的主题将更改标题栏颜色。

菜单文件 → 首选项 → 颜色主题

然后切换到不同的颜色主题，这将更改标题颜色。

Answer 9

简化@pwxcoo 的回答。

菜单文件→首选项→设置
寻找"window.titleBarStyle": "native"，并将其更改为"window.titleBarStyle": "custom"。它会立即调整您的主题。
如果当前颜色不是您想要的或者您想调整它，请尝试这样做。

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

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

更改 Visual Studio 代码的标题栏颜色

Change Visual Studio Code's title bar color

visual-studio-code

vscode-settings

New theme colors for editor tabs

New theme color for editor title border