VisualStudio 代码状态栏颜色

VisualStudioCode 的默认状态栏颜色是蓝色，我发现它非常令人分心。我使用 这个分机来改变颜色，但是在 1.10.2更新之后它就停止工作了。

96013 次浏览
小开

您可以通过编辑用户设置来更改状态栏的颜色，方法是在其中添加以下代码行:

"workbench.colorCustomizations": {
"statusBar.background" : "#1A1A1A",
"statusBar.noFolderBackground" : "#212121",
"statusBar.debuggingBackground": "#263238"
}
小开

您可以通过编辑扩展来更改颜色:

 "colors":{
"statusBar.background": "#505050",
},
小开

  1. 我要节省30分钟的时间像我这样的菜鸟-它必须在 设置 json文件编辑。 最简单的访问方法是菜单命令 档案→ 偏好→ 设定，搜索“ Color”，选择一个选项“ Workbench: Color Customations”→“ Edit in setings.json”。

  2. 这里使用的是 Gama11提出的解决方案，但是 强调:
    设置 json文件中的代码的最终形式应该是这样的——注意，双倍花括号中的“ workbench. color Customations”:

     {
// fontSize just for testing purposes, commented out.
//"editor.fontSize" : 12


// StatusBar color:
"workbench.colorCustomizations": {
"statusBar.background" : "#303030",
"statusBar.noFolderBackground" : "#222225",
"statusBar.debuggingBackground": "#511f1f"
}
}

复制/粘贴上面的代码后，按 Ctrl + S保存对‘ setings.json’的更改。

该解决方案已改编自 状态栏颜色 。

小开

按 Control + Shift + P，当你打开 Visual Studio Code，键入“ open sets (UI)”，搜索 Window.titleBarStyle，并将选项从 本地人改为 习俗，这样你就可以将状态栏的颜色从 白色恢复到 黑色。

重要提示: 此技术适用于2019年2月发布的 Visual Studio Code 的更新版本1.32。确保您已将 Visual Studio 代码更新为最新版本1.32或更新的最新版本，因为它可能不适用于较旧的版本。

Example Screenshot

小开

由于每个主题都是如此不同，您可能不希望在全球范围内进行这样的更改。相反，在每个主题的基础上指定它们: 例如:

"workbench.colorCustomizations": {
"[Some Theme Name]": {
"statusBar.background" : "#486357",
"statusBar.foreground" : "#c8e9c5",
},
"[Some Other Theme Name]": {
"statusBar.background" : "#385357",
"statusBar.foreground" : "#d7e9c4",
}
},

这样，当您在您喜欢的主题之间切换时，您对它们的定制将不会被忘记，并且在这种情况下是有意义的。

小开

在我看来，有一个比以前的答案更强大、更健壮的解决方案，那就是根据你正在处理的文件改变状态栏的颜色ーー它叫做 ColorTabs，它允许你提供一个正则表达式列表，并根据它改变颜色。

免责声明-我写的扩展。

小开

还有一个扩展 孔雀可用于改变工作场所的颜色。它允许您为每个 VisualStudio 代码实例选择不同的颜色。

小开

以下是我为工作区(非全局)在 MacOS上设置 VisualStudio 代码状态栏颜色所采取的步骤。

菜单 观景→ 命令调色板..。→搜索“开放工作区设置(JSON)”。

(这将打开项目[ project-name ] . code-workspace 文件。)

在设置属性中添加颜色自定义项。

{
"folders": [],
"settings": {
"workbench.colorCustomizations": {
"statusBar.background": "#938e04",
"statusBar.foreground": "#ffffff"
}
}
}

当您打开多个 VisualStudio 代码实例并希望在视觉上区分每个窗口而不必更改全局主题时，这非常有用。

小开

如果你正在使用 插件，根据模式改变状态栏颜色的最好方法是进入设置，搜索“状态栏颜色”并选中“允许 Visual Studio Code 根据模式改变颜色”

下面是 Vim 插件状态颜色控件的快照:

Snapshot

小开

我只是注册了，所以我不能直接在 “你好，世界老兄”的回复 上注释，但这正是我想要的: 每个工作区不同的颜色可以快速区分 Visual Studio Code 窗口。

我在 Windows 10上使用 Visual Studio Code 1.63.1，per-project 设置位于项目根目录的 .vscode文件夹中，该文件本身是 settings.json。

我使用的语法不包括“文件夹”和“设置”，而只包括设置块的内容，如下所示:

{
"workbench.colorCustomizations": {
"statusBar.background": "#7c0101",
"statusBar.foreground": "#ffffff"
}




}

提交答案