Как поместить всплывающее окно ссылки в редакторе VS-кода

Question

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

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

Я хочу, чтобы изменить синий фон и, если возможно, синие линии границы. Я уверен, что это можно сделать, потому что некоторые из встроенных тем делают это. Кто-нибудь имеет представление о том, что мне нужно будет поместить в файл цветовой темы, чтобы достичь этого?

Я также ищу указатели для настройки цвета строки состояния (у основания редактора).

Answer 1

Цвета для самого интерфейса, хранятся в следующем файле (Ubuntu): /usr/share/code/resources/app/out/vs/workbench/electron-browser/workbench.main.css

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

Answer 2

Насколько я знаю, это невозможно.

Некоторые из встроенных тем строятся по-разному. Большинство тем - это темы стиля textmate, но вы можете видеть here, что некоторые из встроенных тем - это .json-файлы и как-то обрабатываются по-разному.

Вы можете найти тематическую документацию here. В частности, эта часть имеет отношения:

Помимо грамматики TextMate языка стандартных областей применения, VS Code также имеет пользовательские настройки темы, которую вы можете использовать, чтобы настроить свою собственную тему:

• rangeHighlight: цвет фона выделенного диапазона, например, функции быстрого открытия и поиска.
• selectionHighlight: Цвет фона регионов, выделенных при выборе.
• inactiveSelection: Цвет фона выделенных областей, когда он не находится в фокусе.
• wordHighlight: Цвет фона символа во время доступа к чтению, например, чтение переменной.
• wordHighlightStrong: Цвет фона символа во время записи, как запись в переменную.
• findMatchHighlight: Цвет фона регионов, соответствующих поиску.
• currentFindMatchHighlight: Цвет фона текущей области, соответствующей поиску.
• findRangeHighlight: Цвет фона регионов, выбранных для поиска.
• linkForeground: Цвет ссылок.
• activeLinkForeground: Цвет активных ссылок.
• hoverHighlight: Цвет фона при наведении курсора.
• referenceHighlight: Цвет фона ссылки при поиске всех ссылок.
• руководство: Цвет направляющих, отображаемых для указания уровней гнездования.

Вы можете найти пример темы VS Code here, которая содержит пользовательские настройки .

Как мы видим здесь, для панели ссылок нет специального переопределения.

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