font token customization: make it work with generic high level scope

[aiday-mar]

• Open VS Code file debugProcess.ts
• Set the cursor on the name DebugProcessContribution
• Set the settings

"editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "entity.name.type.class",
                "settings": {
                    "fontSize": "50px",
                    "lineHeight": 60
                }
            }
        ]
    },

• Notice DebugProcessContribution is correctly sized
• Change the setting to

"editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "meta.class",
                "settings": {
                    "fontSize": "50px",
                    "lineHeight": 60
                }
            }
        ]
    },

• Notice that the sizing disappears even if support.class is a high level scope name of the DebugProcessContribution 🐛

[aiday-mar]

Set the setting to:

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "entity.name.type.class.ts",
                "settings": {
                    "fontSize": "30px",
                    "lineHeight": 50,
                    "foreground": "#ff0000",
                    "fontFamily": "Consolas",
                    "fontStyle": "bold strikethrough",
                }
            }
        ]
    },

Set the setting to:

"editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "meta.class.ts",
                "settings": {
                    "fontSize": "30px",
                    "lineHeight": 50,
                    "foreground": "#ff0000",
                    "fontFamily": "Consolas",
                    "fontStyle": "bold strikethrough",
                }
            }
        ]
    },

Then you get

For some reason the line height and the font size are only applied to the spaces between the words just like the the red color.

I want it to work like the strikethrough font style.

[rzhao271]

The original issue is resolved but the newer comment isn't. The strikethrough and foreground colours still look off to me.

 "editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "meta.class.ts",
            "settings": {
              "fontSize": 2,
              "foreground": "#ff0000",
              "fontFamily": "Consolas",
              "fontStyle": "bold strikethrough",
            }
        }
    ]
  },