Почему бы не раскрасить свои инструменты разработки? Таким образом, VSCode стал любимым текстовым редактором по умолчанию для множества веб-разработчиков по разным причинам, главная из которых заключается в том, что его просто круто использовать.

Давайте посмотрим, как мы можем настроить цвет верхней панели. Вы спросите, зачем нам это нужно? Что ж, один из вариантов использования — визуальное разделение различных открытых проектов. Или отделить бэкенд от фронтенда одного проекта, открытого в двух окнах VSCode. Вы выбираете.

Во-первых, убедитесь, что для параметра Стиль строки заголовка установлено значение custom. Нажмите cmd + ,, чтобы перейти к Настройки пользователя и выполнить поиск по запросу название. Прокрутите вниз и найдите Окно: Стиль строки заголовка:

Как только это будет сделано, убедитесь, что у вас есть папка .vscode в корне вашего проекта, и поместите в нее следующий файл settings.json:

Не стесняйтесь настраивать HEX-значения цвета по своему вкусу. Наслаждаться!