Highlight 支架 VSC 东京之夜

Question

我想问一下如何在主题为东京之夜的VSC中更改高亮括号的颜色。

我想改变这个括号的颜色<>

...具有以下颜色：

我正在看东京之夜的 color theme JSON on GitHub，但我不确定哪个会改变 <> 括号颜色。

Answer 1

使用 Ctrl+Shift+P[ 打开命令面板=20=]
搜索“首选项：打开设置 (JSON)”并运行它。这应该在新的 window.
中打开 settings.json

将以下新属性添加到您的 settings.json 中：

"editor.tokenColorCustomizations": {
  "[Tokyo Night]": {
    "textMateRules": [
      {
        "scope": "punctuation.definition.tag",
        "settings": {
          "foreground": "#468992"  // <-- Change the color here
        }
      }
    ]
  }
}

保存文件，<> 括号应该有一个新的颜色 #468992

你可能想知道我怎么知道punctuation.definition.tag是<>括号对应的属性。要检查：

使用 Ctrl+Shift+P
搜索“Developer: Inspect Editor Tokens and Scopes”并按 Enter。
将光标放在尖括号上：

Highlight 支架 VSC 东京之夜

Highlight Bracket VSC Tokyo Night

visual-studio-code

vscode-extensions