VSCode编辑器可选颜色主题界面一览

VSCode编辑器的核心其实就是一个代码编辑器，像许多其他代码编辑器一样，VSCode采用了一个通用的用户界面和布局：左边是一个浏览器-显示所有可以访问的文件和文件夹，右边则是一个编辑器-显示已经打开的文件的内容。
而VSCode的颜色主题则允许我们在Visual Studio Code的用户界面中修改颜色，以适应我们喜欢的工作环境。

如何选择颜色主题

在VSCode编辑器里，点击左下角的齿轮（“Manage”），选择其中的颜色主题 / 通过界面上方的File > Preferences > Color Theme / 快捷键Ctrl+k 然后Ctrl+T：

会在页面上方中间位置显示出选择颜色主题的一条bar，并展示现有哪些主题：

我们可以通过上下箭头来预览这些颜色主题：

如果有中意的主题，就按下Enter选中即可。

默认颜色主题

VSCode中有几种现成的颜色主题供我们试用。我们可以在选择颜色主题的时候，选择旁边的齿轮：

点击之后，会进入插件市场界面，这个是VSCode默认自带的插件：

看它的介绍，我们知道这个插件会提供默认的浅色和深色主题，而且该插件可以被禁用但是不能被删除：

更多可选颜色主题

如果我们想要尝试更多的主题，我们只需要去插件市场搜索@category:"themes"，就会展示更加丰富的主题插件，选择一个下载安装并重启之后，就可以使用了：

当然我们也可以自定义颜色主题，通过设置界面进入settings.json文件：

然后在文件里定义workbench.colorCustomizations：

"workbench.colorCustomizations": {
    "[Monokai]": {
        "sideBar.background": "#347890"
    }
}

参考资料

1. https://code.visualstudio.com/docs/getstarted/themes