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

Question

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

Answer 1

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

这意味着，在设置中，我们可以像下面这样定制颜色，

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

Answer 2

这里的是为每个vs代码窗口定制的:如果你在不同的vs代码实例上处理许多项目，它是很有帮助的

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

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

​

​

Answer 3

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

你可以参考Theme Color | Visual Studio Code Extension API来检查每个元素的相应属性，这样你就可以定制你想要修改的元素(提示:在macOS上使用⌘ + F或者在Windows和Linux上使用Ctrl + F来搜索该网页中的关键字会更方便)。

以下是我在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.