Как создать тему для Visual Studio Code
Вчера я портировал тему из Sublime Text в VS Code, поэтому картинкой дня объявляется скриншот моей темы в VS Code.
Зачем я вообще этим занялся? Я ведь даже не хотел тратить целый день, разбираясь во всех этих настройках. Но уж слишком я привык к этим цветам. Когда я перешел на Sublime Text, я изменил тему Monokai. Теперь мне нравится VS Code, и чтобы не расстраивать себя, пришлось и туда цвета скопировать.
Короче, вот как можно сделать тему, изменив существующую:
- Установить какую-нибудь близкую по цветам тему в VS Code.
- Изменить цвета путем изменения значений в editor.tokenColorCustomizations в настройках VS Code. Вероятно, идеального результата на этом этапе достичь не удастся, потому что некоторые настройки в исходной теме просто не получится отменить.
- Создать новую тему из текущих настроек.
- Протестировать новую тему и применить финальные изменения путем изменения файла
<theme name>-color-theme.json
в новой теме. Изменения можно легко тестировать тут же в окне Extension Development Host. Запустить его можно через F5. - Опубликовать новую тему, чтобы завершить процесс полностью, а еще для гордости за самого себя, ну и чтобы тема всегда и бесплатно хостилась в маркетплейсе VS Code:
- Создать учетную запись в dev.azure.com
- Получить персональный код доступа
- Создать учетную запись издателя
- Опубликовать тему, загрузив файл вручную или через командную строку. Второй путь намного быстрее и круче. Очень удобно это делать прямо в терминале VS Code. А для меня только он и сработал, в отличие от простой командной строки.
Так что всё довольно легко. Кроме самих настроек темы: большую часть времени я потратил на editor.tokenColorCustomizations
из пункта 2.
Ну и вот моя тема: Homogenus. А еще она изображена на фоне этой страницы.