Как сменить тему в visual studio

Персонализация интегрированной среды разработки и редактора Visual Studio

Область применения:Visual Studio Visual Studio для Mac Visual Studio Code

В этой статье показано, как изменить цветовую тему в интегрированной среде разработки Visual Studio и как изменить цвета шрифта в редакторе.

Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.

Настройка цветовой темы для интегрированной среды разработки

Цветовая тема по умолчанию для пользовательского интерфейса Visual Studio — Dark. Далее рассмотрим, как изменить ее на другую цветовую тему.

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Общие среды>«.
3. В списке цветовой темы выберите между синей темой, синей (дополнительной контрастностью), темной темой по умолчанию и светлой темой . Также можно выбрать параметр Использовать настройки системы, чтобы выбрать тему, используемую в Windows.

Примечание. При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.

Совет Требуется больше тем? Ознакомьтесь с широким набором настраиваемых тем в магазине Visual Studio Marketplace. Дополнительные сведения о примерах новых настраиваемых тем Visual Studio 2022 на основе VS Code см. в записи блога Новая коллекция тем Visual Studio.

В этой статье показано, как настроить цветовую тему Visual Studio из синей темы на темную тему. Затем показано, как настроить цвета для двух разных типов текста в редакторе кода.

Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.

Настройка цветовой темы для интегрированной среды разработки

По умолчанию в пользовательском интерфейсе Visual Studio установлена синяя тема. Вот как изменить его на Dark.

1. В строке меню, где расположены разделы Файл и Изменить, выберите Средства>Параметры.
2. Откройте страницу параметров Окружение >Общие, измените значение Цветовая тема на Темная и щелкните ОК. Цветовая тема для всей среды разработки (IDE) Visual Studio изменяется на Темная.

Вы можете создать собственные темы, установив конструктор цветовых тем Visual Studio из Visual Studio Marketplace.

Изменение цветов текста в редакторе

Вот как настроить некоторые цвета текста для редактора.

Сначала создайте XML-файл, чтобы просмотреть цвета по умолчанию:

 Garghentini, Davide  Computer 44.95 2000-10-01 An in-depth look at creating applications with XML.  Garcia, Debra  Fantasy 5.95 2000-12-16 A former architect battles corporate zombies, an evil sorceress, and her own childhood to become queen of the world.   

Обратите внимание, что цвет номеров строк бирюзовый, а атрибутов XML (например id=»bk101″ ) — голубой.

Затем измените цвет текста для следующих элементов:

1. Чтобы открыть диалоговое окно Параметры, в строке меню выберите Сервис>Параметры.
2. В разделе Среда выберите категорию Шрифты и цвета. Обратите внимание, что текст в разделе «Показать параметры» для текстового редактора. Вы можете развернуть раскрывающийся список, чтобы просмотреть обширный список мест, где можно настроить шрифты и цвет текста.
3. Чтобы изменить цвет номера строки, в списке Отображение элементов выберите Номер строки. В поле Основной цвет элемента выберите Оливковый. Некоторые языки имеют собственные параметры шрифтов и цветов. Если вы разработчик C++ и хотите изменить цвет, используемый для функций, например, можно найти функции C++ в списке отображаемых элементов .
4. Перед выходом из диалогового окна можно также изменить цвет XML-атрибутов. В списке Отображение элементов прокрутите вниз до элемента Атрибут XML и выберите его. В поле Основной цвет элемента выберите Травяной. Нажмите кнопку «ОК «, чтобы сохранить выбранные элементы и закрыть диалоговое окно. Теперь цвет номеров строк станет оливковым, а цвет XML-атрибутов — ярко-травяным. Если открыть другой тип файла, например файл кода C++ или C#, номера строк также отображаются в оливковом цвете.

Следующие шаги

Ознакомьтесь с другими параметрами настройки в диалоговом окне « Параметры шрифтов>и цветов», чтобы сделать Visual Studio собственным.

Ищете сведения о том, как скачать цветовую тему VS Code , а затем импортировать их в Visual Studio? Дополнительные сведения см. в записи блога «Знакомство с коллекцией новых тем Visual Studio».

Изменение шрифтов, цветов и тем в Visual Studio

Область применения:Visual Studio Visual Studio для Mac Visual Studio Code

Шрифты и цвета в Visual Studio можно изменять различными способами. Например, можно изменить заданную по умолчанию темную тему (также называемую «темным режимом») на светлую тему, синюю тему, тему с дополнительным контрастом или тему, которая соответствует вашим параметрам системы. Также можно изменить шрифт по умолчанию и размер текста в IDE в и редакторе кода.

Ознакомьтесь с записью блога Обновленный пользовательский интерфейс Visual Studio 2022, чтобы получить дополнительные сведения о корректировках коэффициента контрастности цвета и о новом шрифте Cascadia Code, который мы добавили, чтобы сделать среду Visual Studio более доступной для всех.

Шрифты и цвета в Visual Studio можно изменять различными способами. Например, вы можете изменить синюю тему по умолчанию на темную тему (так называемый «темный режим»). При необходимости вы также можете включить контрастную тему. и изменить шрифт по умолчанию и размер текста в IDE в и редакторе кода.

Изменить цвет темы

Изменить цветовую тему фрейма интегрированной среды разработки и окон инструментов в Visual Studio можно следующим образом:

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Общие среды>«.
3. В списке «Цвет» выберите темную тему по умолчанию , светлую тему, синюю тему или синюю (дополнительную контрастность). Можно также выбрать тему, используемую Windows, выбрав параметр Использовать системные настройки.

Примечание. При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.

Совет Требуется больше тем? Ознакомьтесь с широким набором настраиваемых тем в магазине Visual Studio Marketplace. Дополнительные сведения о примерах новых настраиваемых тем Visual Studio 2022 на основе VS Code см. в записи блога Новая коллекция тем Visual Studio.

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Общие среды>«.
3. В списке «Цвет» выберите тему blue по умолчанию, светлую тему, темную тему или синюю (дополнительную контрастность).

Примечание. При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.

• Конструктор цветовых тем для Visual Studio 2019.
• Редактор цветовых тем для Visual Studio 2017

Изменение шрифтов и размера текста

Шрифт и размер текста можно изменить для всех окон фреймов IDE и инструментов или только для определенных окон и текстовых элементов. Кроме того, шрифт и размер текста можно изменить в редакторе.

Изменение шрифта и размера текста в интегрированной среде разработки

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Шрифты среды >» и «Цвета».
3. В списке «Показать параметры» выберите «Среда«.

Примечание. Если вы хотите изменить шрифт только для окон инструментов, в списке «Показать параметры» выберите «Все текстовые окна«.

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Шрифты среды >» и «Цвета».
3. В списке «Показать параметры» выберите «Среда«.

Примечание. Если вы хотите изменить шрифт только для окон инструментов, в списке «Показать параметры» выберите «Все текстовые окна«.

Изменение шрифта и размера текста в редакторе

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Шрифты среды >» и «Цвета».
3. В списке Показать параметры для выберите Текстовый редактор.
4. Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
5. Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.

1. В строке меню выберите пункт Сервис>Параметры.
2. В списке параметров выберите «Шрифты среды >» и «Цвета».
3. В списке Показать параметры для выберите Текстовый редактор.
4. Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
5. Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.

Дополнительные сведения об изменении шрифтов и цветов в специальных возможностях см. в разделе Настройка параметров специальных возможностей на этой странице. Дополнительные сведения о всех элементах пользовательского интерфейса, для которых можно изменить шрифт и цветовые схемы, см. в этой статье.

Настройка языковых параметров редактора

Вы можете внести различные изменения в редактор кода, чтобы он соответствовал выбранному языку программирования. Например, можно изменить форматирование скобок в C#, чтобы они появлялись в текущей строке или на новой строке, и т. д. Сведения о настройке редактора кода см. в разделе Настройка параметров редактора для определенного языка.

Настройка параметров специальных возможностей

В мире нейроразнообразия мы стремимся поддерживать разные категории учащихся, а также пользователей с ослабленным зрением. Поэтому предлагаем следующие варианты шрифтов и цветовых тем:

• Можно использовать шрифт Cascadia Code с более пропорциональными буквами, цифрами и символами, чтобы их можно было легко отличить друг от друга. Шрифт Cascadia Code также включает лигатуры кода.
• Параметр высокой контрастности можно использовать для всех приложений и пользовательского интерфейса на компьютере. Цветовую тему с дополнительной контрастностью можно использовать только для Visual Studio.

Использование шрифта Cascadia Code

Новый шрифт Cascadia Code включает шрифт Cascadia Mono, который по умолчанию используется в Visual Studio 2022. Оба этих шрифта более удобные для чтения, однако шрифт Cascadia Code также включает лигатуры кода, которые преобразуют последовательность символов в глиф. Лигатуры кода (или глифы) позволяют пользователям с легкостью понять, что они означают.

На следующем снимке экрана показан пример шрифта Cascadia Mono по умолчанию и перечислены наборы символов, включающие математические символов, которые могут встретиться в процессе работы над кодом.

На следующем снимке экрана показан пример шрифта Cascadia Code, где тот же ряд символов, показанных ранее, теперь преобразован в лигатуры кода или глифы.

Обратите внимание, что в последней строке текста на снимке экрана шрифта Cascadia Code показано, как уменьшается пробел между повторяющимися символами, что также упрощает их восприятие.

Порядок переключения между шрифтами Cascadia:

1. Перейдите в раздел «>Параметры параметров >среды>» и «Цвета».
2. В раскрывающемся списке Шрифт выберите либо шрифт Cascadia Code, либо шрифт Cascadia Mono, а затем нажмите кнопку ОК.

При слабом зрении можно использовать специальные параметры цветовой темы. Параметр высокой контрастности можно использовать для всех приложений и пользовательского интерфейса на компьютере. Дополнительный параметр контрастности также можно использовать только для Visual Studio.

Использование высокой контрастности Windows

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

• В Windows или любом приложении Майкрософт нажмите сочетание клавиш Левая клавиша ALT+Левая клавиша SHIFT+PRTSCN.
• В Windows выберите «Пуск>«Параметры > Ease of Access. Затем в разделе «Визуальное зрение » в Windows 10 и более поздних версиях выберите «Высокая контрастность«.

Предупреждение Параметр высокой контрастности Windows влияет на все приложения и пользовательский интерфейс на компьютере.

Использование параметра дополнительной контрастности для Visual Studio

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

1. В строке меню в Visual Studio выберите «Параметры инструментов>«, а затем в списке параметров выберите «Общие среды».>
2. В раскрывающемся списке «Цветная тема» выберите тему «Синий (дополнительная контрастность») и нажмите кнопку «ОК«.

Если вам требуется параметр специальных возможностей для цветов или шрифтов, но в настоящее время в Visual Studio он недоступен, сообщите нам, выбрав раздел Предложить функцию на странице сообщества разработчиков Visual Studio. Дополнительные сведения об этом форуме и возможностях его использования см. в статье Предложить функцию для Visual Studio.

Дополнительные специальные возможности в Visual Studio

Visual Studio также включает функции, помогающие людям с ограниченными возможностями письма. Например, Visual Studio поддерживает раскладки клавиатуры Дворака, что упрощает ввод часто используемых символов.

Также можно настроить сочетания клавиш по умолчанию, доступные в Visual Studio. Дополнительные сведения см. на следующих страницах:

• Определение и настройка сочетаний клавиш
• Практическое руководство. Работа только с клавиатуры
• Сочетания клавиш в Visual Studio

Visual Studio также включает автозавершение для методов и параметров; Дополнительные сведения см. в разделе IntelliSense в Visual Studio.

Существуют и другие способы настройки специальных возможностей Visual Studio. Например, можно изменить поведение всплывающих окон, текстовых окон инструментов, кнопок панели инструментов, индикаторов полей и т. д.

Отображаемые диалоговые окна и команды меню могут отличаться от описанных здесь. Они зависят от текущих параметров или выпуска. Чтобы изменить параметры, выберите в меню Сервис пункт Импорт и экспорт параметров. Дополнительные сведения см. в разделе Сброс параметров.

Изменение поведения всплывающих окон

Visual Studio отображает всплывающие окна в редакторе. Эти всплывающие окна содержат сведения, которые упрощают написание кода, например параметры для завершения функции или оператора. Такие окна могут быть удобны для лиц, испытывающих затруднения при вводе с клавиатуры. Тем не менее, некоторые пользователи могут обнаружить, что окна перехватывают фокус в редакторе кода, и это может вызывать проблемы.

Вот как отключить всплывающие окна:

1. В меню Сервис выберите Параметры.
2. Выберите «Текстовый редактор>» «Общие языки».>
3. Снимите флажки Отображать автоматически список членов и Сведения о параметрах.

Вы можете изменить порядок окон в интегрированной среде разработки (IDE) так, как вам удобно. Любое окно инструментов можно закрепить, сделать плавающим, скрыть или скрывать автоматически. Дополнительные сведения об изменении макетов окон см. в этой статье.

Изменение параметров текстовых окон инструментов

Вы можете изменить параметры для текстовых окон инструментов, таких как командное окно, окно Интерпретация и окно вывода, используя меню Средства>Параметры>Среда>Шрифты и цвета.

Если в раскрывающемся списке Показать параметры для выбран пункт [Все окна текстовых инструментов], значение по умолчанию указано как По умолчанию в раскрывающихся списках Основной цвет элемента и Цвет фона элемента. Нажмите кнопку «Пользовательская», чтобы изменить эти параметры.

Вы также можете изменить параметры отображения текста в редакторе. Это делается следующим образом.

1. В меню Сервис выберите Параметры.
2. Выберите шрифты среды >и цвета.
3. Выберите нужный пункт в раскрывающемся списке Показать параметры для. Чтобы изменить размер шрифта для текста в редакторе, выберите текстовый редактор. Чтобы изменить размер шрифта для текста в текстовых окнах инструментов, выберите [Все окна текстовых инструментов]. Чтобы изменить размер шрифта для текста подсказки в редакторе, выберите подсказку редактора. Чтобы изменить размер шрифта для текста в всплывающем заполнения инструкции, выберите «Завершение инструкции».
4. В списке Отображаемые элементы выберите Обычный текст.
5. В поле Шрифт выберите новый тип шрифта.
6. В поле Размер выберите новый размер шрифта.

Совет Чтобы сбросить размер текста для текстовых окон инструментов и редакторов, выберите «Использовать значения по умолчанию«.

Изменение цвета для текста, индикаторов полей, пустого пространства и элементов кода

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

1. В меню Сервис выберите Параметры.
2. В папке «Среда» выберите шрифты и цвета.
3. В поле Параметры для выберите Текстовый редактор.
4. В списке Отображаемые элементы выберите элемент, отображение которого необходимо изменить, например Обычный текст, Поле индикаторов, Видимое пустое пространство, Имя атрибута HTML или XML-атрибут.
5. Выберите настройки отображения в следующих полях: Основной цвет элемента, Фоновый цвет элемента и Полужирный.
6. Нажмите ОК.

Чтобы задать высокую контрастность цветов для всех окон приложений в операционной системе, нажмите левую клавишу ALT+левую клавишу SHIFT+PRINT SCREEN. Если программа Visual Studio запущена, закройте и снова откройте ее, чтобы применить режим высокой контрастности.

Добавление текста на кнопки панели инструментов или изменение текста

Для повышения удобства панели инструментов можно добавить текст для кнопок панели.

Назначение текста кнопкам панели инструментов

1. В меню «Сервис» выберите «Настроить«.
2. В диалоговом окне Настройка выберите вкладку Команды.
3. Выберите панель инструментов и выберите имя панели инструментов, которая содержит кнопку, для которой будет отображаться текст.
4. В списке выберите команду, которую требуется изменить.
5. Выберите » Изменить выделение«.
6. Выберите изображение и текст.

Изменение отображаемого текста кнопки

1. Повторно выберите вариант «Изменить выделение«.
2. В поле «Имя» введите новый подпись для выбранной кнопки.

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

Дополнительные сведения о функциях, продуктах и услугах, которые повышают доступность работы в Windows для людей с ограниченными возможностями, см. в разделе Продукты и службы корпорации Майкрософт, поддерживающие специальные возможности. Дополнительные сведения о том, как получить документацию по продуктам Майкрософт в форматах с поддержкой специальных возможностей, см. в разделе Документация в альтернативных форматах на странице Продукты и службы корпорации Майкрософт, поддерживающие специальные возможности.

Сведения о специальных возможностях, представленные на этой странице, предназначены только для пользователей, которые приобрели лицензии на продукты корпорации Майкрософт в США. Если вы приобрели продукт за пределами США, можно просмотреть список адресов и телефонных номеров службы технической поддержки корпорации Майкрософт на веб-сайте Microsoft Accessibility. Можно обратиться в представительство, чтобы узнать, доступен ли тип продуктов и услуг, описанных на этой странице, в определенном регионе. Информация о специальных возможностях доступна на других языках.

Связанный контент

• Функции редактора кода в Visual Studio
• Персонализация интегрированной среды разработки и редактора Visual Studio

Как адаптировать тему VS Code под себя?

Скажите пожалуйста как можно адаптировать (изменить) под себя уже установленную тему VS Code из маркета.

Например, нравятся темы Cobalt2 и Night Owl, но хотелось бы несколько изменить подсветку синтаксиса, а именно сделать подсветку тегов красным цветом. Можно ли внести подобные изменения в тему и пересохранить для дальнейшего использования? И если можно, то как это сделать? )

• Вопрос задан 31 авг. 2023
• 173 просмотра

Комментировать
Решения вопроса 1

0xC0000005

Вы можете создать свою тему: https://themes.vscode.one (не реклама), или пройти по пути: ~/.vscode/extensions, найти вашу тему, зайти в themes (папка), и открыть нужную тему для редактирования. А там можете менять цвета как хотите. И еще лучше сделайте копию перед редактированием.

Ответ написан 31 авг. 2023

Golden Boy @Golden_Boy Автор вопроса

Спасибо большое! Видимо, придется прибегнуть ко второму варианту, т.к. themes.vscode.one вроде как не позволяет изменить имеющуюся тему, лишь создать ее с нуля

Golden Boy, на сайте можно изменять темы, но только те которые залиты на сайт, и конечно создать с нуля

Golden Boy @Golden_Boy Автор вопроса

0xC0000005, да, это я уже понял, но создавать с нуля — это долго, а мне бы просто внести правки в любимые популярные темы )

Изменение внешнего вида (темы) visual studio

В общем при гуглении различных тем для изменения внешнего вида IDE (пример ниже на фото, но это вроде Atom или Visual Code) в интернете можно найти только различные темы для Visual Studio Code. Знаю, что можно вручную устанавливать различные цвета для текста, но можно ли в VS менять разные темы (кроме светлой и темной) так же автоматически, как в VSCode или Atom и если да, то где их найти и как установить? P.S. Если не совсем понятно что за темы для VSCode то вот пример сайта с ними — vscodethemes.com

Отслеживать
задан 4 апр 2022 в 15:38
449 2 2 серебряных знака 14 14 бронзовых знаков

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Нажмите на кнопку «Средства», потом «Параметры», потом выберите тему, которая Вам нравится.

Отслеживать
ответ дан 4 апр 2022 в 15:48
Alex_Programmer_WPF Alex_Programmer_WPF
1 2 2 бронзовых знака
.. можно ли в VS менять разные темы (кроме светлой и темной. ) .
4 апр 2022 в 16:02
Да. Там кроме темной и светлой темы есть синяя и синий (дополнительный контраст)
4 апр 2022 в 16:05
отредактировал вопрос чтобы было понятно
4 апр 2022 в 16:07

Важное на Мете

Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.8.3130

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.