如何自定义 VsCode 工具栏答案

【问题标题】：How to customize VsCode Toolbar如何自定义 VsCode 工具栏
【发布时间】：2017-06-02 08:24:07
【问题描述】：

在Visual Studio Code 下，我想更改Git Changes 和Stagged 标题的颜色（在它们上面添加一些颜色）。有没有我可以使用的设置？

【问题讨论】：

标签： themes visual-studio-code customization toolbar

【解决方案1】：

请注意，使用@Alain BUFFERNE 的回答中提出的解决方法，您必须在每次 vscode 更新后更改此文件。

您也可以使用扩展名Custom CSS and JS。只需将相同的代码放入您的 custom.css 文件中即可。

【讨论】：

当然，由于更新，我对这个解决方法并不感到自豪。我不知道自定义 css 和 Js。我会深入研究它。谢谢

【解决方案2】：

不幸的是，此时所有可配置的颜色主题选项都在此处列出：VS Code docs，并且自定义选项有限。甚至：

`{
  "workbench.colorCustomizations": {
    "sideBarSectionHeader.background": "#FFF"
  }
}`

适用于资源管理器或调试侧边栏在 git 侧边栏中不起作用...

【讨论】：

好的，谢谢，我会等待，现在通过使用 .monaco-list-row>.resource-group>.name 选择器修改 workbench.main.css 来做到这一点

【解决方案3】：

只是我等待这些主题化的解决方法。在

C:/Program%20Files%20(x86)/Microsoft%20VS%20Code/resources/app/out/vs/workbench/electron-browser/workbench.main.css：

 .monaco-list-row>.resource-group>.name {
        flex: 1;
        font-size: 18;
        font-weight: 700;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        color: red;
    }

【讨论】：