如何在Monokai主题下修改VSCode中类字段的颜色？

• 你当前使用的variable.parameter作用域对应函数参数，并非类字段，这是配置无效的核心原因。类字段的TextMate作用域会因编程语言不同有所差异，常见的如variable.other.property（通用）、meta.object-literal.key（JS/TS对象属性）、field（Java等静态语言类字段）。

• 先定位类字段的正确作用域：

  1. 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板
  2. 搜索并选择「Inspect Editor Tokens and Scopes」
  3. 点击目标类字段，在弹出的面板中查看「Textmate scopes」列表，选取最精确的作用域（通常是列表中靠后的项）

• 修改settings.json的正确配置：
  若仅需针对Monokai主题生效，使用[Monokai]字段限定；若要全局生效则去掉该限定：

"editor.tokenColorCustomizations": {
  "[Monokai]": {
    "textMateRules": [
      {
        "name": "Class Field",
        "scope": "variable.other.property", // 替换为你查到的实际作用域
        "settings": {
          "foreground": "#FD971F",
          "fontStyle": "italic"
        }
      }
    ]
  }
}

• 额外注意：
  • 部分语言会在作用域后添加后缀（如TS的variable.other.property.ts），需完全匹配查到的内容
  • 保存配置后VSCode会自动刷新样式，无需重启
  • 若仍无效，可暂时禁用其他主题相关扩展，排查是否存在配置冲突

内容的提问来源于stack exchange，提问作者André Porto