Сочетание стилей пользовательского интерфейса цветовой темы VS Code с подсветкой синтаксиса из существующего .tmTheme файла
К сожалению, на момент написания этого не было простого способа сделать это.После нескольких неудачных попыток выполнить это с помощью одного только инструмента генератора тем Yeoman от VS Code, мне наконец удалось заставить его работать, следуя инструкциям здесь , а затем выполнив некоторые дополнительные ручные работы, хотя я обнаружил, что этот первый метод былпо какой-то причине склонен к возврату назад.Затем я нашел второй, более устойчивый метод, и пока он не вернулся обратно.
Метод 1 (склонен к возврату назад)
Откройте терминал VS Code (Ctrl ') и выполните следующие команды для установки и запуска инструмента генератора тем Yeoman:
npm install -g yo generator-code
cd %USERPROFILE%\Desktop
yo code
Выберите New color theme, Start fresh и следуйте инструкциямчтобы дать название вашей теме и идентификатор (нажмите Enter, чтобы оставить описание пустым).Затем Yeoman создаст папку тем для вашей новой темы на рабочем столе.
Предполагая, что тема, стиль пользовательского интерфейса которой вы хотите использовать в качестве основыуже установлен как расширение кода VS, перейдите к %USERPROFILE%\.vscode\extensions, щелкните папку базовой темы и найдите файл -color-theme.json (обычно внутри папки themes).Скопируйте этот файл в папку themes вашей недавно созданной темы, убедившись, что удалите существующий -color-theme.json в этой папке.
Откройте только что скопированный файл -color-theme.json и найдите строку, начинающуюся с "tokenColors":.Удалите все после него внутри, включая квадратные скобки:
... и замените именем файла .tmTheme, содержащего ваш синтаксисСтили выделения:
"tokenColors": "syntax-highlighting.tmTheme"
Наконец, скопируйте файл подсветки синтаксиса в папку themes, а затем скопируйте всю папку темы в %USERPROFILE%\.vscode\extensions.
Перезапустите VS Code и изменитеактивная тема ( Ctrl K , Ctrl T ) для вашей новой темы.
Метод 2 (постоянный)
Откройте терминал VS Code ( Ctrl ') и выполните следующие команды для установки и запуска Yeomanинструмент генератора тем:
npm install -g yo generator-code
cd %USERPROFILE%\Desktop
yo code
Выберите New color theme, Import and inline an existing theme, а затем введите путь к файлу .tmTheme, стили синтаксической подсветки которого вы хотите использовать.Обратите внимание, что это должен быть абсолютный путь без кавычек:
Следуйте инструкциям, чтобы дать названия темы и идентификатор (нажмите Enter, чтобы оставить описаниепусто), и Yeoman затем создаст папку темы для новой темы на вашем рабочем столе.
Предполагая, что тема, стиль пользовательского интерфейса которой вы хотите использовать в качестве основы, уже установлена как расширение кода VS, перейдите к%USERPROFILE%\.vscode\extensions, щелкните в папке базовой темы и найдите ее файл (обычно внутри папки themes).
Скопируйте все стили внутри объекта colors этого файла:
... и вставьте их в объект colors файла -color-theme.json в папке темы, созданной Yeoman, убедившись, что удалили все, что существует.
Наконец, скопируйте всю папку темы в %USERPROFILE%\.vscode\extensions.
Перезапустите VS Code и измените активную тему ( Ctrl K , Ctrl T ) к вашей новой теме.Если вы правильно выполнили этот процесс, теперь у вас должна быть цветовая тема VS Code, которая использует стиль пользовательского интерфейса выбранной базовой темы и стили подсветки синтаксиса выбранного вами файла .tmTheme и не возвращается обратно без предупреждения.
