[vscode] 에디터 특정 부분 컬러 변경 하는 방법
테마의 컬러를 자신이 원하는 형태로 변경하는 것인데요.
한두가지 이외에 많이 변경하면 디자이너가 아니라면 비추 입니다.
해보시면 알아요. 잘 되었으면 디자인 감각이 있으신 분입니다.
현재 설정이 어떻게 되어 있는지 알 수 있는 방법은 다음과 같습니다.
// 명령팔레트열고: Developer: Inspect Editor Tokens and Scopes
setting.jso 파일에서 아래 처럼 추가해 주면 됩니다.
"editor.tokenColorCustomizations": {
"[Default Dark+]": {
"textMateRules": [
{
"scope": "entity.name.function",
"settings": {
"foreground":"#db8625"
}
},
{
"scope": [
"variable.other.global.safer.php",
"variable.other.global.php",
],
"settings": {
"foreground":"#3d3"
},
},
{
"name": "느낌표 부분",
"scope": "keyword.operator.logical.php",
"settings": {
"foreground": "#f87eee"
}
},
{
"scope": "variable",
"settings": {
"foreground": "#7dc2e7"
}
},
{
"scope": "support.function",
"settings": {
"foreground": "#c5c58d"
}
},
{
"scope": [
"comment.block",
"punctuation.definition.comment.end",
"punctuation.definition.comment.begin"
],
"settings": {
// "foreground": "#85b3f8",
"foreground": "#6a9955"
}
},
{
"scope": "comment.line.number-sign.php",
"settings": {
"foreground": "#6a9955"
// "foreground": "#df7edf"
}
},
{
"scope": "comment.line.double-slash.php",
"settings": {
"foreground": "#666"
}
},
]
},
위에서 특이점은 느낌표가 if문에서 잘 안보여서 좀 컬러 사용한것이 특징이라 하겠습니다.
관련링크