Как добавить тему в код Visual Studio?

Ответ 1

Код Visual Studio 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(если вы еще этого не сделали)
• Установите yo (если вы еще этого не сделали), выполнив 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

Скопируйте папку расширения в каталог расширения. Это:

• on Windows %USERPROFILE%\.vscode\extensions

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

Перезапустите VSCode и выберите новую тему в File -> Preferences -> Color Theme

Код Visual Studio 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 или выше сделайте это, чтобы применить свою собственную тему:

• Загрузите файл .tmtheme или создайте свой собственный (например, https://github.com/aziz/tmTheme-Editor)
• Скопируйте файл .tmtheme в %CODEFOLDER%/resources/app/plugins/vs.theme.starterkit/themes

• Зарегистрируйте файл .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 
  },  
  

• Перезапустите VSCode и выберите новую тему в File -> Preferences -> Color Theme

Ответ 2

Добавление полностью новой темы в настоящее время не поддерживается. Вы можете отправить свои запросы на функции здесь, я уже слышал, что люди просят об этом https://visualstudio.uservoice.com/forums/293070-visual-studio-code

Ответ 3

Я обнаружил, что файл - resources/app/client/vs/monaco/ui/workbench/native/native.main.css - также является подходящим местом для изменения способа отображения шрифтов. Я пытался выяснить, как отключить сглаживание шрифтов в OS X и обнаружил, что вы можете сделать это здесь, добавив это правило CSS в файл -

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