Настройки темы VSCode

Настройки темы VSCode позволяют нам настраивать цветовую схему пользовательского интерфейса Visual Studio Code в соответствии с личными предпочтениями и рабочей средой.

Тема влияет не только на элементы пользовательского интерфейса VS Code, но и на цвета подсветки редактора кода.

Предварительный просмотр тем из палитры команд

Выбор в строке менюCode > Настройки (Параметры) > Тема > Цветовая темаПункт меню: Или используйте команду Preferences: Color Theme (⌘K ⌘T), чтобы открыть средство выбора темы.

Открытие с помощью сочетаний клавиш:

  • Windows/Linux: Ctrl + K Ctrl + TОткройте средство выбора темы.
  • macOS: ⌘K ⌘TОткройте средство выбора темы

После открытия поле команды выглядит следующим образом:

Используйтеклавиши стрелок вверх и внизПросматривайте список тем и предварительно просматривайте цвета темы в реальном времени. После выбора предпочитаемой темы нажмите Enter для подтверждения.

Текущая активная тема хранится в пользовательских настройках. Для справки по открытию меню настроек обратитесь к разделуНастройки VS Code:

// 定义工作界面使用的颜色主题
"workbench.colorTheme": "Solarized Dark"

Совет:По умолчанию темы хранятся в пользовательских настройках и применяются глобально ко всем рабочим областям.

Если вы хотите настроить тему для конкретной рабочей области, вы можете указать её в настройках рабочей области.


Получение тем из Marketplace

Просмотр тем Marketplace из средства выбора темы

В средстве выбора цветовой темы нажмите 'Просмотреть дополнительные цветовые темы...', чтобы перейти на страницу просмотра тем магазина:

После нажатия отобразится список тем. Используйтеклавиши со стрелками вверх и вниздля просмотра списка тем и предварительного просмотра цветов темы в реальном времени:

В средстве выбора цветовой темы нажмите 'Просмотреть дополнительные цветовые темы...', чтобы перейти на страницу просмотра тем магазина:

Поиск тем в представлении расширений

Помимо встроенных тем, магазин расширений VS Code также предоставляет множество тем:

Например, найдитеOne Dark Proэту тему:

Вы также можете использовать@category:"themes"фильтр в поле поиска, чтобы найти связанные темы:

Другие расширения