有没有办法对vscode状态栏进行颜色编码答案

【问题标题】：Is there a way to color code vscode status bar有没有办法对vscode状态栏进行颜色编码
【发布时间】：2019-11-19 21:49:55
【问题描述】：

VSCode 状态栏有许多子部分，如范围、行/列号、选项卡大小、git 分支。

有没有办法为每个子部分涂上不同的颜色，以便我可以轻松快速地专注于正确的信息？

【问题讨论】：

查看code.visualstudio.com/api/references/theme-color 了解所有可以修改状态栏颜色的内容，特别是code.visualstudio.com/api/references/…。

标签： visual-studio-code vscode-settings vscode-extensions

【解决方案1】：

有没有办法为每个子部分涂上不同的颜色，以便我可以轻松快速地专注于正确的信息？

VSCode 1.52（2020 年 11 月）将提供官方和原生方式

Statusbar Entry background color API

我们为StatusBarItem 提议一个新属性backgroundColor 来设置状态栏条目的背景颜色。

目前仅支持statusBarItem.errorBackground，以免状态栏看起来过于鲜艳。
将来我们可能会将此支持扩展到更多颜色。

这个新 API 的用例是启用扩展以在状态栏中指示错误情况。
例如，ESLint 扩展可能决定使用此颜色来提醒用户 ESLint 尚未为工作区启用。

VSCode 1.53（2021 年 1 月）通过this comment 稳定了这一点

我已更新默认颜色标记以使用较深的颜色 errorForeground，因为大多数主题的颜色要浅得多，并在我们的深色/浅色主题中传递颜色对比度：

VSCode 1.59（2021 年 7 月）包括：

Status Bar Warning colors

表示警告的状态栏项可以使用新添加的colors statusBarItem.warningBackground和statusBarItem.warningForeground。

【讨论】：

是否有类似的 API 可以改变整个 statusBar 而不仅仅是 StatusBarItem 的颜色？
@vincentmathew 状态栏本身将成为 VSCode 主题的一部分，如 stackoverflow.com/a/62364107/6309 所示。不确定是否需要 API。

【解决方案2】：

是的，有。您可以安装 Custom CSS and JS Loader 扩展并创建一个 VS Code 接受的 css 文件。在该文件中，您可以为每个状态栏部分设置所需的所有颜色规则。

I've recorded a video on it.

【讨论】：

感谢您的回复，我使用了扩展，但也许我做错了什么。我在 css 中使用以下内容来突出显示状态栏中的一个部分： .monaco-workbench .monaco-grid-view .monaco-grid-branch-node .monaco-split-view2 .split-view-container .split-view-view .split-view-view .part.statusbar .right-items .amos402.scope-bar { 背景色：#FFFFFF;同样，当我尝试运行扩展程序时，我得到“在管理员中运行 VSCode，以便可以应用更改”。我已确保将 VScode 的权限更改为自己。
哦，你只需要按照Custom CSS and JS Loader扩展页面上的说明来允许VS Code修改自己并加载CSS文件：marketplace.visualstudio.com/…