Cómo agregar un tema en Visual Studio Code?

Visual Studio Code 0.9.0 y posteriores

Hay una documentación oficial sobre cómo agregar un tema personalizado: https://github.com/Microsoft/vscode-docs/blob/0.9.0/release-notes/latest.md

Necesita un archivo .tmtheme para el tema que desea agregar. Puede encontrar archivos existentes, por ejemplo, en GitHub, ColorSublime o puede definir su propio archivo de tema (por ejemplo, con https://github.com/aziz/tmTheme-Editor).

Después de encontrar un .tmtheme archivo tiene dos formas de crear una extensión basada en él.

Opción 1: Usar un generador Yeoman

• Instalar nodo.js (si aún no lo has hecho)
• Instale yo (si aún no lo ha hecho) ejecutando npm install -g yo
• Instale el generador Yo para el código: npm install -g generator-code
• Ejecute yo code y seleccione New Color Theme
• Siga las instrucciones (defina el archivo .tmTheme, el nombre del tema, el tema de la interfaz de usuario, etc.)
• El generador crea un directorio para su extensión con el nombre del tema en su directorio de trabajo actual.

Opción 2: Crea el directorio por tu cuenta

• Crea un directorio con el nombre de tu plugin (solo letras minúsculas). Digamos que lo llamamos mytheme.
• Agregue una subcarpeta themes y coloque el archivo .tmTheme dentro de él

• Crea un archivo package.json dentro de la raíz de la carpeta de extensión con contenido como este

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

Por último añadir su extensión a Visual Studio Code

Copie la carpeta de extensión al directorio de extensión. Esto es:

• En Windows %USERPROFILE%\.vscode\extensions

• En Mac/Linux $HOME/.vscode/extensions

Reinicie VSCode y seleccione el nuevo tema en File -> Preferences -> Color Theme

Visual Studio Code 0.8.0

Es posible agregar nuevos temas en Visual Studio Code 0.8.0 (lanzado para insiders el 2015-08-31 [conviértete en un insider: https://www.instant.ly/s/Y5nt1/nav#p/186a0]).

Después de instalar VSCode 0.8.0 o superior, haga esto para aplicar su propio tema:

1. Descargue un archivo .tmTheme o cree el suyo propio (por ejemplo, con https://github.com/aziz/tmTheme-Editor )
2. Copie el archivo .tmTheme a %CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/themes

3. Registre el archivo .tmTheme en %CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/ticino.plugin.json agregando una entrada para él como esta:

   {
       "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. Reinicie VSCode y seleccione el nuevo tema en File -> Preferences -> Color Theme