Is there a way to customize the color of the import in JS in VS Code?

Question

I'm trying to change the color of the word after import in JS, in VS Code. I attached a screenshot of what I mean.

Screenshot:

What I'm referring to is underlined in red

I didn't find a valid entry in the textMateRules for this.

I'd appreciate some help. Thanks :)

Answer 1

I don't know which flavor of javascript you are using but you can use the following in your settings.json:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "variable.other.readwrite.alias.js",
            "settings": {
                "foreground": "#FF0000"
            }
        }
    ]
}

---

How to know which scopes a given token has

In your command palette type:

> Developer: Inspect Editor Tokens and Scopes

This will show a popup of information related to the token at cursor:

You will see applicable scope entries at the bottom for textmate scopes, you can use any of the options listed, but the topmost option is the most specfic option