如何在vscode中设置侧边栏颜色

Question

似乎在vscode光明和黑暗中侧边栏有两种颜色。我想使用曝光的灯光主题，但有一个黑暗的侧边栏。有没有办法做到这一点？

Answer 1

VS Code支持工作台现在主题，请检查this

这意味着，在设置中我们可以按照以下方式自定义颜色，

"workbench.colorCustomizations": {
   "sideBar.background": "#111111"
 }

Answer 2

我猜您可能想设置活动栏的颜色主题，但侧边栏的颜色主题相同。

您可以参考Theme Color | Visual Studio Code Extension API查看每个元素的对应属性，以便您可以自定义要修改的元素（提示：在macOS上使用⌘ + F或Ctrl + F 在 Windows 和 Linux 上搜索该网页中的关键字会更方便）。

这是我在 settings.json 文件中的 Visual Studio Code 配色方案配置（仅供参考）：

{
    "workbench.colorTheme": "Default Light+",
    "workbench.colorCustomizations": {
        "activityBar.background": "#f4f4f4",
        "activityBar.foreground": "#000000"
    }
}

结果：

You can click this link to take a look at my Visual Studio Code color scheme.

Answer 3

这里是每个 vs 代码窗口的自定义：如果您在不同的 vs 代码实例上处理多个项目，这会很有帮助

在您的项目根文件夹中添加一个文件夹 .vscode 并在 .vscode 文件夹中添加一个文件 setting.json 然后在下面的例子中添加你喜欢的样式是附件截图的结果

{
    "workbench.colorCustomizations": {
        "activityBar.background": "#14b197",
        "statusBar.background": "#333"
      }
}