正如其他人所说，您需要覆盖 settings.json 文件中的 editor.tokenColorCustomizations 或 workbench.colorCustomizations 设置。在这里你可以选择一个基本主题，比如深渊，并且只覆盖你想要改变的东西。你可以很容易地覆盖很少的东西，比如函数、字符串颜色等。
例如为workbench.colorCustomizations
"workbench.colorCustomizations": {
"[Default Dark+]": {
"editor.background": "#130e293f",
}
}
例如对于editor.tokenColorCustomizations：
"editor.tokenColorCustomizations": {
"[Abyss]": {
"functions": "#FF0000",
"strings": "#FF0000"
}
}
// Don't do this, looks horrible.
但是，更改 var 关键字的颜色等深度自定义将要求您在 textMateRules 键下提供覆盖值。
例如下面：
"editor.tokenColorCustomizations": {
"[Abyss]": {
"textMateRules": [
{
"scope": "keyword.operator",
"settings": {
"foreground": "#FFFFFF"
}
},
{
"scope": "keyword.var",
"settings": {
"foreground": "#2871bb",
"fontStyle": "bold"
}
}
]
}
}
您还可以跨主题全局覆盖：
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
//following will be in italics (=Pacifico)
"comment",
"entity.name.type.class", //class names
"keyword", //import, export, return…
//"support.class.builtin.js", //String, Number, Boolean…, this, super
"storage.modifier", //static keyword
"storage.type.class.js", //class keyword
"storage.type.function.js", // function keyword
"storage.type.js", // Variable declarations
"keyword.control.import.js", // Imports
"keyword.control.from.js", // From-Keyword
//"entity.name.type.js", // new … Expression
"keyword.control.flow.js", // await
"keyword.control.conditional.js", // if
"keyword.control.loop.js", // for
"keyword.operator.new.js", // new
],
"settings": {
"fontStyle": "italic"
}
}
]
}
更多详情：https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide