[themes] Visual Studio Code의 기본 어두운 테마를 편집하는 방법은 무엇입니까?

다른 사람들이 언급했듯이 settings.json 파일 의 editor.tokenColorCustomizations또는 workbench.colorCustomizations설정 을 재정의해야 합니다. 여기서 Abyss와 같은 기본 테마를 선택하고 변경하려는 항목 만 재정의 할 수 있습니다. 함수, 문자열 색상 등과 같은 몇 가지 항목을 매우 쉽게 재정의 할 수 있습니다.

예 : 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를 참조하세요.