VSCode 主题设置

VSCode 主题设置允许我们根据个人偏好和工作环境自定义 Visual Studio Code 的用户界面配色。

一个主题不仅会影响 VS Code 的用户界面元素，还会影响代码编辑器的高亮配色。

从命令面板预览主题

从菜单栏选择 Code > 设置(首选项) > 主题 > 颜色主题 菜单项：或使用命令 Preferences: Color Theme (⌘K ⌘T) 打开主题选择器。

使用快捷键打开：

  • Windows/Linux: Ctrl + K Ctrl + T 打开主题选择器。
  • macOS: ⌘K ⌘T 打开主题选择器

打开后，命令框如下所示：

使用 上下箭头键 在主题列表中浏览，并实时预览主题配色，选中您喜欢的主题后，按 Enter 确认。

当前激活的主题会存储在用户设置中，关于设置菜单打开参考 VS Code 设置:

// 定义工作界面使用的颜色主题
"workbench.colorTheme": "Solarized Dark"

提示：默认情况下，主题存储在用户设置中，并会全局应用于所有工作区。

如果希望为某个特定工作区配置主题，可以在工作区设置中指定。

从市场中获取主题

从主题选择器浏览市场主题

在颜色主题选择器中点击 流量其他颜色主题（Browse Additional Color Themes...） 选项，跳转到市场主题浏览页面：

点击后会列出主题列表，使用 上下箭头键 在主题列表中浏览，并实时预览主题配色：

在颜色主题选择器中点击 流量其他颜色主题（Browse Additional Color Themes...） 选项，跳转到市场主题浏览页面：

从扩展视图中搜索主题

VS Code 除了自带了一些主题外，扩展市场也提供了非常多的主题：

比如搜索 One Dark Pro 这个主题：

也可以在搜索框中使用 @category:"themes" 过滤器，查找相关主题: