Question

我最近下载的VS code editor非常好。但我发现的唯一问题是颜色主题，我习惯了 monokai颜色主题喜欢崇高的文字，我找不到编辑方式颜色主题或下载颜色主题只有2个选项：

黑暗主题
光明主题

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

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

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

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

visual-studio-code/suggestions/7756227-theme

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
按照说明（定义{{1}}文件，主题名称，ui主题等。）
生成器为您的扩展创建一个目录，其中包含当前工作目录中主题的名称。

选项2：自行创建目录

使用插件名称创建一个目录（仅限小写字母）。我们称之为.tmTheme。
添加子文件夹mytheme并将themes文件放在其中
在扩展程序文件夹的根目录中创建一个文件.tmTheme，内容如下
```
package.json
```

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

将扩展文件夹复制到扩展目录。这是：

Windows

{        
    "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"
            }
        ]
    }
}

Mac / Linux %USERPROFILE%\.vscode\extensions

重新启动VSCode并在$HOME/.vscode/extensions

中选择新主题

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或更高版本后，执行此操作以应用您自己的主题：

下载File -> Preferences -> Color Theme个文件或创建自己的文件（例如使用https://github.com/aziz/tmTheme-Editor）
将.tmTheme文件复制到.tmTheme
在%CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/themes中注册.tmTheme文件，为其添加条目：
```
%CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/ticino.plugin.json
```
重新启动VSCode并在{ "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 },

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;  
}

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

3 个答案: