visual studio code - How to "override" semantic token type of VSCode theme

Question

I would like to know how to tweak my VSCode theme (One Dark Pro), a theme with semantic highlighting.

I cannot override some of its semantic token types.

With most themes I would write this in settings.json:

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "name": "Javascript - Variable/object",
        "scope": [
          "variable.other.object.js"
        ],
        "settings": {
          "foreground": "#c7452e",
          "fontStyle": "bold italic"
        }
      }
    ]
  }
}

But with this theme (and also other ones with semantic opinion) I cannot override it, as if I needed to use !important in CSS.

So this is the result of my token and scope inspection after my rule.

As you can see, my settings are indeed read but are apparently not 'specific' enough as to beat the semantic interpretation or overridden by it, and are disregarded (last three lines) and instead the modifying semantic token type takes prevalence.

Is there a way to do this per individual textmate scope (i.e. without losing the rest of the semantics of that wonderful theme) like if I just want to change the color of that particular item?

question from:https://stackoverflow.com/questions/65927861/how-to-override-semantic-token-type-of-vscode-theme

Answer 1

Waitting for answers