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

Я недавно скачал VS code editor, что действительно приятно. , но единственная проблема, которую я нахожу в ней, - это цветная тема, я использую цветную тему монокаи, как в возвышенном тексте, и я не могу найти способ редактировать цветную тему или загрузить цветную тему, есть только 2 варианта :Как добавить тему в код Visual Studio?

Dark Theme
Light Theme

Как я могу добавить свою собственную тему или дублировать существующие один, так я буду в состоянии редактировать цветовую схему, как я хочу?

мне удается изменить некоторые цвета в следующем файле, но по-прежнему я не знаю, как добавить совершенно новую тему:

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

Похоже, цветовые темы будут доступный в ближайшее время, и он будет частью системы плагинов

visual-studio-code/suggestions/7756227-theme

источник

2015-05-03 talsibony

Визуальный кодекс Студия 0.9.0 и позже

Там в официальной документации о том, как добавить пользовательскую тему: https://github.com/Microsoft/vscode-docs/blob/0.9.0/release-notes/latest.md

Вам нужен файл .tmtheme для themeyou, который хотите добавить. Вы можете найти существующие файлы, например. на GitHub, ColorSublime или вы можете определить свой собственный файл темы (например, с помощью https://github.com/aziz/tmTheme-Editor).

После нахождения файла .tmtheme у вас есть два способа создания расширения на его основе.

Вариант 1: Использование YEOMAN генератора

Установка Node.js (если вы еще не сделали)
Установка лет (если это еще не сделано), выполнив npm install -g yo
Установите генератор Yo для кода: npm install -g generator-code
Run 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

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

на Окна%USERPROFILE%\.vscode\extensions
на Mac/Linux$HOME/.vscode/extensions

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

Скачать .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 
},

Restart VSCode и выберите новую тему в File -> Preferences -> Color Theme

источник

2015-09-01 15:04:14 Wosi

Как-то это не работает для меня, так как тема монокаи im, использующая (который я изменил цвет ключевого слова функции), аналогична предыдущей теме ..: s weird, не может применить тему. – Miguel

Вы добавили новую тему или изменили существующий? У новой темы другое имя? – Wosi

Я использовал монокай от строителя, вы предлагаете tmTheme-Editor, а затем скопировали файл в ту же папку. Но тема выглядит одинаково. И имя отличается только в конце (monokai vs monkai2). Но даже вложение в файл темы и изменение значений RGB HEx ничего не делали .. странно. – Miguel

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

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

источник

2015-05-05 05:27:14 tatx

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

источник

2015-05-05 07:57:31

Это уже не так: http://stackoverflow.com/a/32335011/363701 –

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

ответ

Смежные вопросы