Как настроить цвет тегов HTML в коде Visual Studio?

Question

Я использую тему Бездны, которая мне нравится, но некоторые цвета слишком темные. Я настроил некоторые цвета токенов, используя (например):

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "keywords": "#7ea4df",

но я не могу понять, как изменить цвет тегов HTML в редакторе. Кто-нибудь может помочь?

Answer 1

Принятый ответ хорош, но я подумал, что добавлю это, поскольку это устраняет необходимость редактировать саму тему JSON. Я изменил мои настройки следующим образом:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "keywords": "#7ea4df",
        "types": "#1fa8d8",
        "comments": "#727272",
        "strings": "#29a792",
        "textMateRules": [
            {
                "scope": "entity.name.tag",
                "settings": {
                    "foreground": "#7ea4df"
                }
            }
        ]
    }
},

Answer 2

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

Я пользуюсь им пару недель, и это очень приятно.

Answer 3

Вы можете зайти в файл темы .json и изменить его в соответствии со своими потребностями, как указано в этом сообщении . Шахта была расположена в C:\Program Files\Microsoft VS Code\resources\app\extensions\theme-abyss\themes

Вы можете использовать Ctrl + Shift + P, чтобы открыть палитру команд, а затем открыть Developer: Inscope TM Scopes , чтобы посмотреть на область TextMate элемента, который вы хотите изменить. В случае с тегом HTML в теме abyss это entity.name.tag. Вы можете увидеть, как выглядит Scope Inspector, на втором изображении ниже.

Затем перейдите в файл abyss-color-theme.json, найдите эту строку и измените цвет тегов по своему усмотрению. Я изменил свой на уродливый оранжевый цвет, как показано ниже: