如何在VSCode自定义主题中修改'this'关键字的显示颜色

• 首先确认this对应的精准作用域
  打开「Developer: Inspect Editor Tokens and Scopes」功能后选中代码中的this关键字，查看其TextMate作用域列表中比变量更细分的语言专属作用域，常见语言对应值参考：
  • JavaScript：variable.language.this.js
  • TypeScript：variable.language.this.ts
  • Java：variable.language.this.java
• 开发主题扩展时的配置方法
  在自定义主题的tokenColors配置数组中新增如下规则，替换颜色值为你想要的效果即可：

  {
    "name": "this keyword color",
    "scope": ["variable.language.this", "variable.language.this.js", "variable.language.this.ts"],
    "settings": {
      "foreground": "#56b6c2",
      "fontStyle": ""
    }
  }
  

• 本地临时修改配色的方法
  打开VSCode的settings.json配置文件，添加如下规则，仅对你的自定义主题生效：

  "editor.tokenColorCustomizations": {
    "[你的自定义主题名称]": {
      "textMateRules": [
        {
          "scope": ["variable.language.this", "variable.language.this.js", "variable.language.this.ts"],
          "settings": {
            "foreground": "#56b6c2"
          }
        }
      ]
    }
  }
  

• 差异说明：Atom One Dark默认没有为variable.language.this类作用域配置独立颜色，因此this会继承普通变量的配色，VSCode默认深色主题单独配置了该作用域的颜色，才会出现两者表现不一致的情况。

内容的提问来源于stack exchange，提问作者Camilo Vega