Visual Basic Editor
March 28

           Visual Basic Editor. Настройка темной темы в стандартной палитре цветов

Оглавление

Введение
Меню настроек

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

Введение

Во встроенном редакторе языка Visual Basic for Applications - VBE ( Visual Basic Editor ), которому уже не один десяток лет, так и не была добавлена опция выбора темы оформления как это предусмотрено в большинстве современных редакторов кода: Visual Studio Code, Sublime Text, Atom, PyCharm, WebStorm и т.д.

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

Стандартная палитра цветов VBE

определенный набор комбинаций основных параметров оформления, а так же подбор специального шрифта для разработки ( Fira Code, JetBrains Mono, Hack, Consolas и т.д. ) позволяет достигнуть эффекта как показано на заглавной картинке данной статьи.

Меню настроек

Выбор подходящего шрифта как и оформление цветовой гаммы осуществляются с помощью следующей опции меню VBE: Tools ➡️ Options

➡️ Editor Format

Этап 1. Настройка шрифтов.

В выпадающем списке Font: выберем подходящий шрифт, например:

Consolas - специальный шрифт для программирования, встроенный в Windows,
доступный сразу же в выпадающем списке.

Fira Code - шрифт, разработан компанией Mazilla для веб-разработки.
По умолчанию не доступен в данном окне и требует предварительного
скачивания и установки в операционную систему Windows.

Hack Regular - разработан как рабочий шрифт для исходного кода.

JetBrains Mono - шрифт используется в приложениях для кодинга от компании
JetBrains ( PyCharm, WebStorm и др. ) По умолчанию,
недоступен и требует дополнительной установки.

Подобрать и посмотреть как выглядит тот или иной шрифт для кодинга можно на специализированном сайте: Programming Fonts - Test Drive

Скачать предпочитаемый шрифт можно на сайте: Free Fonts! Legit Free & Quality » Font Squirrel. После скачивания и установки нужного шрифта он становится доступным в окне редактора VBE.

Шрифт по умолчанию для всех настроек - Courier New (Western), 10 размер.

Размер шрифта следует установить на свое усмотрение. Предпочитаю использовать 12 размер. На картинка выше установлен шрифт из семейства
Fira Code - Fira Code Retina (Кириллический).

Этап 2. Настройка цветовой палитры.

Описание основных категорий текста программного кода по умолчанию в окне Code Colors:

◾Normal Text ( Обычный текст )

Любой текст, который не идентифицируется как ключевое слово или комментарий, отображается черным текстом.

◾Selection Text ( Текст выбора )

Когда вы выделяете текст, этот текст отображается на темно-синем фоне.

◾Syntax Error Text ( Текст синтаксической ошибки )

При обнаружении синтаксической ошибки вся строка отображается красным текстом. Например, введите «ub» вместо «sub».

◾Execution Point Text ( Текст точки выполнения )

Когда вы выполняете код, строка отображается на желтом фоне.

◾Breakpoint Text ( Текст точки останова )

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

◾Comment Text ( Текст комментария )

Когда вы добавляете встроенные комментарии, они отображаются зеленым текстом.

◾Keyword Text ( Текст ключевого слова )

Когда ключевое слово обнаружено, оно отображается темно-синим текстом.
Цвет имен подпрограмм, имен функций и аргументов контролируется «Текстом идентификатора».

◾Identifier Text ( Текст идентификатора )

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

◾Bookmark Text ( Текст закладки )

Когда вы добавляете закладку, по умолчанию она отображается с синим индикатором

◾Call Return Text ( Текст возврата вызова )

Когда <возврат вызова> обнаружен и отображается, он отображается светло-зеленым индикатором. Этот индикатор отображается при двойном щелчке элемента в диалоговом окне «Стек вызовов». Треугольник используется для обозначения линии, ответственной за текущее выполнение.

Всего 10 категорий текста программного кода.

Для каждой категорий текста выполняется индивидуальная настройка трех ключевых параметров:

🔶 Foreground 🔶 - цвет шрифта
🔶 Background🔶 - цвет заднего фона шрифта
🔶 Indicator 🔶 - цвет специального индикатора на полосе индикатора границы
( Margin Indicator Ваг ).


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

Варианты оформления темных тем

Далее будут представлены несколько вариантов для оформления темной темы в виде таблиц с комбинацией цветов для всех категорий текста программного кода и формат отображения данной конкретной темы:

Theme_1 Dark Mode. Font Fira Code Retina

Theme_2 Dark Mode. Font Fira Code Retina

Theme_3 Super Dark. Font Fira Code Retina

Таблица оформления темы Theme_3 Super Dark

Theme_4 Anoth Dark. JetBrains Mono Medium

Таблица оформления темы Theme_4 Anoth Dark

Theme_5 Anoth Dark. JetBrains Mono Extra Bold

Theme_6 Anoth Dark. Hack Regular

В прилагаемом к этой статье файле VBE-Customized.StandColorThemes.xlsx на вкладке StandColorThemes присутствуют 6 вариантов оформления темной и 1 светлая темы ( дизайн разумеется субъективен ) с помощью стандартной цветовой гаммы:

● Theme_1 Dark Mode
● Theme_2 Dark Mode
● Theme_3 Super Dark
● Theme_4 Anoth Dark
● Theme_5 Anoth Dark
● Theme_6 Anoth Dark
● Theme_7 Light Mode

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

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

Переключение между темами, манипуляции с реестром

Если учесть тот факт, что все настройки VBE хранятся в специальном файле реестра Windows - Common:

HKEY_CURRENT_USER\Software\Microsoft\VBA\7.1\Common

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

во-первых, после настройки определенной темы можно сразу же выполнить экспорт/сохранение содержимого папки Common в специальный файл с расширением .reg и подписать его ассоциативным с Вашей темой названием, например:

◈ customized 7.1 Common - Theme_1 Dark Mode.reg ◈ customized 7.1 Common - Theme_2 Dark Mode.reg ◈ customized 7.1 Common - Theme_3 Super Dark.reg ◈ customized 7.1 Common - Theme_4 Anoth Dark.reg ◈ customized 7.1 Common - Theme_5 Anoth Dark.reg ◈ customized 7.1 Common - Theme_6 Anoth Dark.reg ◈ customized 7.1 Common - Theme_7 Light Mode.reg ◈ standart-default 7.1 Common.reg

( данный набор файлов под настроенные мною темы оформления доступен для скачивания по ссылке )

во-вторых, после сохранения файлов реестра Common под каждую настроенную тему оформления в локальную папку можно осуществлять переключение между темами путем удаления текущего содержимого в папке Common и последующего импорта нужного файла *Common*.reg из списка предварительно сохраненных в ту же локальную папку.

ВНИМАНИЕ ! Все операции в системном реестре осуществляются после полного выхода и сохранения приложений MS Office: Access, Excel, Power Point и т.д.

Вызов системного реестра Windows осуществляется с помощью команды « regedit » в окне «Выполнить» ( “🪟+R” )

Удаление осуществляется с помощью ПКМ по самой папке Common

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

- активируем ЛКМ по папке 7.1

- импортируем сохраненный файл *Common*.reg с помощью опций меню реестра ➡️ « Файл » ➡️ « Импорт… »

- выбираем предварительно сохраненный файл с нужной темой и нажимаем кнопку «Открыть»

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

Ссылки на видеообзор и статью на других платформах

Видеообзор на медиаканалах:

Rutube
Dzen

Оригинальная статья с подробным описанием:

Dzen
Word