Настроить цвет подсветки синтаксиса ссылок / URL в коде Visual Studio?

Question

Я создаю свою собственную тему кода Visual Studio и хочу, чтобы ссылки / URL-адреса имели свой собственный независимый цвет в HTML и CSS. Из того, что я прочитал, кажется, что это когда-то было достигнуто с помощью обнаруженной ссылки, но теперь следует использовать linkForeground. Я пробовал оба в файле theme.json, который я создал, но ни один из них не работает. Кто-нибудь знает, как настроить цвет подсветки синтаксиса ссылок / URL в файле Visual Studio Code .json?

Это то, что я пытался ...

{ "имя": "ссылка на определение", "scope": "linkForeground", "настройки": { "передний план": "# 4B83CD" } },

Вот одно из обсуждений, на которые я ссылаюсь выше.

https://github.com/Microsoft/vscode/issues/18378

Answer 1

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

Чтобы установить синтаксические цвета ссылки, вам нужно определить уникальную область для ссылок и написать правило раскраски TextMate, которое использует эту область.Например, используя команду Developer: Inspect TM Scope в VS Code, я вижу, что ссылки css url() имеют область действия variable.parameter.url.css, поэтому моя тема будет:

{
    "type": "dark",
    "tokenColors": [
        {
            "scope": [
                "variable.parameter.url.css",
            ],
            "settings": {
                "foreground": "#f0f"
            }
        }
    }
}

Второй легче;просто используйте настройку цветовой темы editorLink.activeForeground:

{
    "type": "dark",
    "colors": {
        "editorLink.activeForeground": "#ff0",
        ...
    },
    "tokenColors": [ ... ]
}

Это меняет цвет ссылки при наведении на нее курсора.Его нельзя изменить для каждого языка.