Như những người khác đã nêu, bạn sẽ cần ghi đè editor.tokenColorCustomizationshoặc workbench.colorCustomizationscài đặt trong tệp settings.json. Tại đây bạn có thể chọn một chủ đề cơ sở, như Abyss và chỉ ghi đè những thứ bạn muốn thay đổi. Bạn có thể ghi đè rất ít thứ như hàm, màu chuỗi, v.v. rất dễ dàng.
Ví dụ: cho workbench.colorCustomizations
"workbench.colorCustomizations": {
"[Default Dark+]": {
"editor.background": "#130e293f",
}
}
Ví dụ editor.tokenColorCustomizations:
"editor.tokenColorCustomizations": {
"[Abyss]": {
"functions": "#FF0000",
"strings": "#FF0000"
}
}
Tuy nhiên, các tùy chỉnh sâu như thay đổi màu sắc của vartừ khóa sẽ yêu cầu bạn cung cấp các giá trị ghi đè trong textMateRuleskhóa.
Ví dụ:
"editor.tokenColorCustomizations": {
"[Abyss]": {
"textMateRules": [
{
"scope": "keyword.operator",
"settings": {
"foreground": "#FFFFFF"
}
},
{
"scope": "keyword.var",
"settings": {
"foreground": "#2871bb",
"fontStyle": "bold"
}
}
]
}
}
Bạn cũng có thể ghi đè toàn cầu trên các chủ đề:
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"comment",
"entity.name.type.class",
"keyword",
"storage.modifier",
"storage.type.class.js",
"storage.type.function.js",
"storage.type.js",
"keyword.control.import.js",
"keyword.control.from.js",
"keyword.control.flow.js",
"keyword.control.conditional.js",
"keyword.control.loop.js",
"keyword.operator.new.js",
],
"settings": {
"fontStyle": "italic"
}
}
]
}
Thông tin chi tiết tại đây: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide
workbench.colorCustomizationsvàeditor.tokenColorCustomizationstrong cài đặt người dùng: code.visualstudio.com/docs/getstarted/… .