Nick lazily jumps over the full stack

Как создать тему для Visual Studio Code

Вчера я портировал тему из Sublime Text в VS Code, поэтому картинкой дня объявляется скриншот моей темы в VS Code.

Зачем я вообще этим занялся? Я ведь даже не хотел тратить целый день, разбираясь во всех этих настройках. Но уж слишком я привык к этим цветам. Когда я перешел на Sublime Text, я изменил тему Monokai. Теперь мне нравится VS Code, и чтобы не расстраивать себя, пришлось и туда цвета скопировать.

Короче, вот как можно сделать тему, изменив существующую:

  1. Установить какую-нибудь близкую по цветам тему в VS Code.
  2. Изменить цвета путем изменения значений в editor.tokenColorCustomizations в настройках VS Code. Вероятно, идеального результата на этом этапе достичь не удастся, потому что некоторые настройки в исходной теме просто не получится отменить.
  3. Создать новую тему из текущих настроек.
  4. Протестировать новую тему и применить финальные изменения путем изменения файла <theme name>-color-theme.json в новой теме. Изменения можно легко тестировать тут же в окне Extension Development Host. Запустить его можно через F5.
  5. Опубликовать новую тему, чтобы завершить процесс полностью, а еще для гордости за самого себя, ну и чтобы тема всегда и бесплатно хостилась в маркетплейсе VS Code:
    • Создать учетную запись в dev.azure.com
    • Получить персональный код доступа
    • Создать учетную запись издателя
    • Опубликовать тему, загрузив файл вручную или через командную строку. Второй путь намного быстрее и круче. Очень удобно это делать прямо в терминале VS Code. А для меня только он и сработал, в отличие от простой командной строки.

Так что всё довольно легко. Кроме самих настроек темы: большую часть времени я потратил на editor.tokenColorCustomizations из пункта 2.

Ну и вот моя тема: Homogenus. А еще она изображена на фоне этой страницы.