Цветовая тема для интегрированного терминала VS Code


105

Можно ли изменить настройки цвета интегрированного терминала VS Code? Мой выглядит скучно только с белым.

введите описание изображения здесь


4
Вот полезный генератор тем для изменения вашего "workbench.colorCustomizations"в settings.json
Дарра Энрайт,

Ответы:


195

Фактически вы можете изменить свои пользовательские настройки и отредактировать каждый цвет индивидуально, добавив следующее к пользовательским настройкам.

  1. Открыть настройки пользователя ( ctrl + ,)
  2. Найдите workbenchи выберите Edit in settings.jsonвColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Подробнее о том, какие цвета вы можете редактировать, вы можете узнать здесь .


3
В настоящее время он у меня работает, моя версия VSCode - 1.17.2 (последняя)
Zrag123,

1
Ты прав. Странный. Сказали, что убрали, но она есть. Просто попробовал сам, и это сработало. Я был разочарован тем, что они сказали, что его убрали. Рад видеть, что это не так.
Марк А. Донохо

2
Это работает правильно! Я также хочу узнать, как получить контрастные цвета в терминале!
theusual

3
По-прежнему работает с 1.24.0. Я думаю, что часть путаницы заключается в том, что вы не можете искать terminal.backgroundв настройках ( 'workbench.colorCustomizations': {}по умолчанию), поэтому на первый взгляд это кажется отсутствующей функцией.
Джим К.

1
Август 2019, отлично. Благодарность!
Боб Денни

34

VSCode поставляется со встроенными цветовыми темами, которые можно использовать для изменения цветов редактора и терминала.

  • Для изменения цветовой темы нажмите ctrl+k+tв windows / ubuntu или cmd+k+tна Mac.
  • В качестве альтернативы вы можете открыть палитру команд , нажав ctrl+shift+pв windows / ubuntu или cmd+shift+pна Mac и набрав color. Выберите один preferences: color themeиз вариантов, чтобы выбрать свой любимый цвет.
  • Вы также можете установить дополнительные темы из меню расширений на левой панели. просто category:themesвыполните поиск, чтобы установить свои любимые темы. (Если вам нужно отсортировать темы по поиску по установкам category:themes @sort:installs)

Изменить - для ручного редактирования цветов в терминале

Команда VSCode удалила настройку цветов со страницы пользовательских настроек. В настоящее время использование тем - единственный способ настроить цвета терминала в VSCode. Дополнительную информацию можно найти в выпуске № 6766.


19
Спасибо за ваш ответ, но глобальные темы имеют минимальное влияние на окно терминала, влияя только на цвет фона и переднего плана в очень широком смысле. OP и я хотели раскрасить приглашение, команду ввода и вывод независимо, а не просто переключаться между белым на черном и черным на белом. Знаете, как лучше контролировать цвета текста терминала?
kjhughes

1
Похоже, они убрали настройку цветов со страницы пользовательских настроек. В настоящее время использование тем кажется единственным способом настроить цвета терминала в VSCode. проверить github.com/Microsoft/vscode/issues/6766
Дани Akash

К сожалению, ответ заключается в том, что в настоящее время он не поддерживается, но, тем не менее, это полезно знать. Я назначу тебе награду. Спасибо, что отследили это.
kjhughes

1
Из того, что я могу сказать, что это все еще там , чтобы настроить в настройках. Откройте настройки и найдите «workbench.colorCustomizations»
Марк А. Донохо

1
Это изменить глобальную цветовую тему и не влияет на встроенный терминальный
АХ

20

Добавить workbench.colorCustomizationsв настройки пользователя

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Проверьте https://glitchbone.github.io/vscode-base16-term для некоторых предустановок.


4
сайт интерактивных пресетов - фантастический ресурс
mdisibio

19

Если вы придирчивы к цвету, используйте этот код для настройки каждого сегмента.

Шаг 1: Windows: откройте настройки пользователя (ctrl +,) Mac: Command + Shift + P

Шаг 2: Найдите «верстак: настройки цвета» и выберите «Изменить» в settings.json. Вставьте следующий код в существующий {} и настройте его по своему усмотрению.

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

1
Благодарность! Синий отсутствует: например"terminal.ansiBlue":"#00a1f9"
Панайотис Панаги

2

Лучшие цвета, которые я нашел - которые помимо того, что они такие красивые, на них очень легко смотреть и не вызывают кипения у меня в глазах - я нашел перечисленные в этом репозитории GitHub: VSCode Snazzy

Очень простая установка :

Скопируйте содержимое snazzy.json в свой файл VS Code "settings.json".

(Если вы не знаете, как открыть файл «settings.json», сначала нажмите Ctrl + Shift + P, а затем напишите Настройки: откройте настройки (JSON) и нажмите Enter).


Примечание : для тех, кто пробовал ColorTool, и он работает вне VSCode, но не внутри VSCode, вы не сделали ошибок при его реализации, это просто решение разработчиков VSCode, чтобы терминал VSCode раскрашивался независимо.


0

Просто. Вы можете перейти к опции «Файл -> Настройки -> Цветовая тема» в Visual Studio и изменить цвет по вашему выбору.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.