[semantic][typescript] Highlight Global Variables

[ButchMonkey]

Ability to be able to have different syntax highlighting for global variables. (Specifically JavaScript, but this would be useful in other language)

For example, here is a screenshot from NetBeans

Current behaviour in VSCode

Current Global TM Scope

[ButchMonkey]

To further add -
Essentially "Enhanced colorization for C++" but for Node.js / Javascript (and other popular languages)
So that theme designers can access variable.other.global and variable.other.local

[aeschli]

The typescript server now marks all local variables.

[ButchMonkey]

I'm able to get the desired effect using the following rules -

    "editor.tokenColorCustomizationsExperimental": {
        "variable": {
            "fontStyle": "underline",
            "foreground": "#CC6666",
        },
        "variable.local": {
            "fontStyle": "",
            "foreground": "#CC6666",
        },
        "variable.readonly": {
            "fontStyle": "",
            "foreground": "#CC6666",
        }
    }

However, it looks like support.class is being overwritten by the semantic token type.
As far as I'm aware, semantic takes priority over the textmate scopes. Is there a workaround for this?

Necro edit for anyone looking for this in the future, I have a more up to date version with better explanation
https://stackoverflow.com/questions/58959094/how-to-highlight-global-variables-in-vscode

[aeschli]

The request for adding support for library symbol is : #91090