Как изменить тему в Visual Studio

Обновлено: 21.11.2024

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

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

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

Изменить цветовую тему

Вот как изменить цветовую тему рамки IDE и окон инструментов в Visual Studio.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Общие».

В списке цветовых тем выберите темную тему по умолчанию, светлую тему, синюю тему или синюю тему (дополнительный контраст).

Вы также можете выбрать тему, которую использует Windows, выбрав Использовать системные настройки.

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

Хотите еще больше тем на выбор? Ознакомьтесь с широким выбором пользовательских тем в Visual Studio Marketplace. А чтобы увидеть примеры новых пользовательских тем Visual Studio 2022 на основе VS Code, ознакомьтесь с записью блога Представляем коллекцию новых тем Visual Studio.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Общие».

В списке цветовых тем выберите синюю тему по умолчанию, светлую тему, темную тему или синюю тему (дополнительный контраст).

Вы можете создавать и редактировать собственные темы Visual Studio с помощью расширения. Выберите любой из следующих двух вариантов в зависимости от используемой версии Visual Studio:

Изменить шрифты и размер текста

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

Чтобы изменить шрифт и размер текста в IDE

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В списке Показать настройки для выберите Среда.

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

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста для IDE.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В списке Показать настройки для выберите Среда.

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста для IDE.

Чтобы изменить шрифт и размер текста в редакторе

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В разделе Показать настройки для списка выберите Текстовый редактор.

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста в редакторе.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В разделе Показать настройки для списка выберите Текстовый редактор.

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста в редакторе.

Дополнительную информацию о том, как изменить шрифты и цвета в редакторе кода, см. на странице Изменение шрифтов и цветов для редактора. Подробные сведения обо всех элементах пользовательского интерфейса (UI), в которых можно изменить шрифт и цветовые схемы, см. на странице Шрифты и цвета, среда, диалоговое окно параметров.

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

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

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

Используйте шрифт Cascadia Code

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

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

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

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

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

Выберите Инструменты > Параметры > Среда > Шрифты и цвета.

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

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

Использовать высокую контрастность Windows

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

В Windows или в любом приложении Microsoft нажмите клавиши "Alt"+"Shift"+"PrtScn".

В Windows выберите «Пуск» > «Настройки» > «Специальные возможности». Затем в разделе «Зрение» в Windows 10 и более поздних версиях выберите «Высокая контрастность».

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

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

Используйте следующие процедуры для переключения параметра дополнительной контрастности Visual Studio:

В строке меню Visual Studio выберите "Инструменты" > "Параметры", а затем в списке параметров выберите "Среда" > "Общие".

В раскрывающемся списке Цветовая тема выберите тему Синяя (дополнительная контрастность) и нажмите кнопку ОК.

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

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

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

Автозаполнение для методов и параметров; см. IntelliSense в Visual Studio.

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

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

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

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

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio, чтобы установить ее бесплатно.

Установите цветовую тему для IDE

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

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите Среда > Общие.

В списке цветовых тем выберите темную тему по умолчанию, синюю тему, синюю тему (дополнительный контраст) или светлую тему. Или выберите параметр «Использовать системные настройки», чтобы выбрать тему, используемую Windows.

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

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio, чтобы установить ее бесплатно.

Установите цветовую тему для IDE

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

В строке меню, представляющей собой строку меню, например "Файл" и "Правка", выберите "Инструменты" > "Параметры".

На странице параметров "Окружающая среда" > "Общие" измените выбор цветовой темы на "Темная", а затем нажмите "ОК".

Цветовая тема для всей среды разработки Visual Studio (IDE) меняется на темную.

Вы можете создавать свои собственные темы, установив Visual Studio Color Theme Designer из Visual Studio Marketplace.

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio, чтобы установить ее бесплатно.

Установите цветовую тему для IDE

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

Цветовая тема для всей среды разработки Visual Studio (IDE) меняется на темную.

Вы можете установить дополнительные предопределенные темы, установив Редактор цветовых тем Visual Studio из Visual Studio Marketplace. После установки этого инструмента в раскрывающемся списке Цветовая тема появятся дополнительные цветовые темы.

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

Теперь мы настроим некоторые цвета текста для редактора. Во-первых, давайте создадим новый файл XML, чтобы увидеть цвета по умолчанию.

В строке меню выберите «Файл» > «Создать» > «Файл».

В диалоговом окне "Новый файл" в категории "Общие" выберите "Файл XML", а затем выберите "Открыть".

Вставьте следующий XML-код под строкой, содержащей .

Обратите внимание, что номера строк окрашены в бирюзово-синий цвет, а атрибуты XML (такие как id="bk101" ) – светло-голубые. Мы собираемся изменить цвет текста для этих элементов.

Чтобы открыть диалоговое окно "Параметры", выберите "Инструменты" > "Параметры" в строке меню.

В разделе "Среда" выберите категорию "Шрифты и цвета".

Обратите внимание, что текст в разделе «Показать настройки для» говорит «Текстовый редактор — это то, что нам нужно». Разверните раскрывающийся список, чтобы увидеть обширный список мест, где можно настроить шрифты и цвет текста.

Чтобы изменить цвет текста номеров строк, в списке Отображаемые элементы выберите Номер строки. В поле "Элемент переднего плана" выберите "Оливковый".

Для некоторых языков предусмотрены собственные настройки шрифтов и цветов. Если вы являетесь разработчиком C++ и хотите изменить цвет, используемый, например, для функций, вы можете найти Функции C++ в списке отображаемых элементов.

Прежде чем выйти из диалогового окна, давайте также изменим цвет атрибутов XML. В списке отображаемых элементов прокрутите вниз до XML-атрибута и выберите его. В поле Предмет на переднем плане выберите Lime. Нажмите OK, чтобы сохранить наш выбор и закрыть диалоговое окно.

Мы рассмотрели всего несколько способов настройки цветов в Visual Studio. Мы надеемся, что вы изучите другие параметры настройки в диалоговом окне «Параметры», чтобы по-настоящему настроить Visual Studio под себя.

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

Быстро и безболезненно!

По сути, Visual Studio предлагает на выбор три темы по умолчанию: синяя, светлая и темная. Чтобы изменить тему в Visual Studio 2015, просто щелкните пункт меню «Инструменты» -> «Параметры». Должно появиться окно, подобное приведенному ниже.

Вверху вы можете увидеть раскрывающийся список, в котором в данный момент указано «Темный». Просто нажмите на раскрывающийся список, и он покажет два других элемента.

Вот сравнение между всеми доступными базовыми темами.

Темный

Синий

Свет

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

Заядлый пользователь!

Если вам не нравится какой-либо цвет или шрифт Visual Studio, вы также можете изменить настройки в меню Сервис -> Параметры и Шрифты и цвета. Это вызовет окно, которое будет выглядеть следующим образом:

Вы можете изменить все цвета для любого аспекта вашего текстового редактора или любой другой части вашего интерфейса Visual Studio. Я по-прежнему считаю, что с базовой цветовой схемой можно довольно быстро приступить к работе, но если вам нужны полностью настраиваемые возможности, она у вас есть!

Ютуб

Многие современные профессионалы выбирают интегрированную среду разработки Майкрософт для написания программ, веб-сайтов, приложений и т. д.

Чрезвычайно полезный инструмент Visual Studio предлагает ряд замечательных функций, а также возможность персонализировать и настраивать ваши предпочтения. Вы можете изменить различные аспекты среды, например тему, цвета или шрифты.

Если вы впервые пользуетесь этим инструментом и вам интересно, как внести эти изменения, эта статья поможет вам во всем разобраться.

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

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

Перейдите к строке меню. Он находится в верхней части экрана и содержит различные вкладки, такие как «Файл», «Правка», «Просмотр» и т. д.
Найдите Инструменты и выберите вкладку.
Выберите «Параметры» в раскрывающемся меню. Обратите внимание, что в этом разделе вы можете настроить Visual Studio по своему вкусу, используя больше возможностей, чем просто изменение темы.
Выберите «Среда», а затем «Общие», чтобы открыть страницу параметров.
Найдите параметр «Цветовая тема» и установите для него значение «Темный» или «Светлый».
Нажмите "ОК", чтобы подтвердить свой выбор.
Теперь весь сервис будет отображаться в темном/светлом режиме.

Если вас интересуют другие темы, вы можете найти их в Visual Studio Market Place. Выберите редактор цветовых тем Visual Studio и загрузите его, чтобы получить доступ к дополнительным темам в меню цветовых тем. Эта функция также позволяет создавать собственные темы.

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

Как изменить шрифты и цвета

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

Выберите Инструменты в строке меню.
Нажмите "Параметры".
Нажмите на раздел "Среда".
Выберите «Шрифты и цвета» и убедитесь, что на вкладке справа с надписью «Показать настройки для» установлено значение «Шрифт среды».
Внизу вы увидите список различных шрифтов, так что разверните меню и выберите понравившийся шрифт.
Вы также можете изменить размер шрифта — откройте меню «Размер» и выберите размер. Нажав кнопку OK, вы сохраните свой выбор.

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

Еще одна функция, которую вы можете изменить, — это цвет текста, который вы вводите в этой программе. Сделайте следующее:

Нажмите "Инструменты" в строке меню.
Выберите «Параметры» в раскрывающемся списке.
Выберите «Среда», а затем «Шрифты и цвета».
В верхней части экрана вы увидите параметр Показать настройки для:. Выберите «Текстовый редактор».
Обратите внимание, что в этом разделе также можно изменить шрифт текста. Раскрывающееся меню с различными шрифтами находится прямо под вкладкой «Текстовый редактор», поэтому нажмите на стрелку, чтобы развернуть меню, и выберите шрифт, который вы хотите видеть в Visual Studio.
Вернемся к изменению цвета: выберите «Номер строки» в разделе «Отображение элементов» и перейдите к пункту «Элемент переднего плана» справа.
Нажмите на стрелку, чтобы расширить список, и выберите цвет.
Прежде чем подтвердить свой выбор и закрыть окно, помните, что разные компьютерные языки могут иметь определенные шрифты и цвета для определенных функций. Учитывайте это при выборе нового цвета или шрифта для текста.

Темная или светлая тема — какая лучше?

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

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

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

Какую тему вы используете для своей Visual Studio? Вы внесли больше изменений, чтобы персонализировать его? Поделитесь своим опытом в разделе комментариев ниже!

Читайте также: