如何在Visual Studio代码中添加主题？

Question

我最近下载了VS代码编辑器,非常好.但我发现的唯一问题是颜色主题,我用于monokai颜色主题,如在崇高的文字中,我找不到编辑颜色主题的方法或下载颜色主题只有2个选项:

1. 黑暗主题
2. 光主题

如何添加自己的主题或复制现有的主题,以便我能够按照自己的意愿编辑颜色方案？

---

我设法改变以下文件中的一些颜色,但我仍然不知道如何添加全新的主题:

resources/app/client/vs/monaco/ui/workbench/native/native.main.css

---

看起来颜色主题很快就会推出,它将成为插件系统的一部分

视觉工作室码/建议/ 7756227-主题

Answer 1

Visual Studio Code 0.9.0及更高版本

有一个关于如何添加自定义主题的官方文档:https://github.com/Microsoft/vscode-docs/blob/0.9.0/release-notes/latest.md

您需要一个.tmtheme要添加的主题的文件.您可以在GitHub,ColorSublime上找到现有文件,也可以定义自己的主题文件(例如使用https://github.com/aziz/tmTheme-Editor).

找到.tmtheme文件后,您有两种方法可以基于它创建扩展.

选项1:使用Yeoman生成器

• 安装node.js(如果你还没有)
• 通过执行安装你(如果你还没有) npm install -g yo
• 为代码安装Yo生成器: npm install -g generator-code
• 运行yo code并选择New Color Theme
• 按照说明(定义.tmTheme文件,主题名称,UI主题等)
• 生成器为您的扩展创建一个目录,其中包含当前工作目录中主题的名称.

选项2:自己创建目录

• 使用插件名称创建一个目录(仅限小写字母).假设我们称之为mytheme.
• 添加子文件夹themes并将.tmTheme文件放在其中

• package.json使用这样的内容在扩展文件夹的根目录中创建一个文件

  {        
      "name": "theme-mytheme",
      "version": "0.0.1",
      "engines": {
          "vscode": ">=0.9.0-pre.1"
      },
      "publisher": "me",
     "contributes": {
          "themes": [
              {
                  "label": "My Theme",
                  "uiTheme": "vs-dark", // use "vs" to select the light UI theme
                  "path": "./themes/mytheme.tmTheme"
              }
          ]
      }
  }
  

最后将您的扩展添加到Visual Studio代码

将扩展文件夹复制到扩展目录.这是:

• 在Windows上 %USERPROFILE%\.vscode\extensions

• 在Mac/Linux上 $HOME/.vscode/extensions

重新启动VSCode并选择新主题 File -> Preferences -> Color Theme

Visual Studio Code 0.8.0

可以在Visual Studio Code 0.8.0中添加新主题(在2015-08-31发布给内部人员[成为内部人员:https://www.instant.ly/s/Y5nt1/nav#p/186a0]).

安装VSCode 0.8.0或更高版本后,执行此操作以应用您自己的主题:

1. 下载.tmTheme文件或创建自己的文件(例如使用https://github.com/aziz/tmTheme-Editor)
2. 将.tmTheme文件复制到%CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/themes

3. 通过为其添加条目来注册该.tmTheme文件,%CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/ticino.plugin.json如下所示:

   {
       "id": "vs-theme-mynewtheme", // internal ID
       "label": "MyNewTheme",       // displayed name for the theme
       "uiTheme": "vs-dark",        // general UI appeareance (
                                    // "vs" for light themes, 
                                    // "vs-dark" for dark themes)
       "path": "./themes/myNewTheme.tmTheme" // file path 
   },  
   

4. 重新启动VSCode并选择新主题 File -> Preferences -> Color Theme

Answer 2

目前不支持添加全新主题.你可以在这里提交你的功能请求,我已经听到有人要求这个https://visualstudio.uservoice.com/forums/293070-visual-studio-code

Answer 3

我发现文件--resources/app/client/vs/monaco/ui/workbench/native/native.main.css - 也是改变字体呈现方式的正确位置.我试图弄清楚如何禁用OS X上的字体平滑,并发现你可以通过在文件中添加此CSS规则来实现此目的 -

.monaco-editor {
  -webkit-font-smoothing: none;  
}