VSCode 글씨 색상 변경 방법

2022. 12. 12. 16:34VSCode

기본적으로 VScode에서 설정된 색상이 있지만 커스텀 해서 사용 하는 것도 나쁘지 않아 적용해 봤다.

 

내가 설정 한 색상 값 : https://crispypotato.tistory.com/242

 

VSCode 글씨 색상 설정 값

"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "keyword.control.import.ts", "settings": { "foreground": "#FF657A" } }, { "scope": "string.quoted.single.ts", "settings": { "foreground": "#FFD76D" } }, { "scope": "string.quoted.single.ts"

crispypotato.tistory.com

1. 색상 변경 방법

파일 => 기본 설정 => 설정 => json 형태로 변경 => setting.json 활성화

json으로 변경 버튼

 

setting.json 객체 입력

{
  "editor.tokenColorCustomizations": {
  	// 색상 규칙
    "textMateRules": [
    	{
        	"scope": "keyword.control.import.ts",
            "settings": {
            	//색상
          		"foreground": "#FF657A"
                //글씨체, 굵기 설정
                "fontStyle": "italic" 
        		}
    	}
    ]
  }
}

 

2. 설정 된 색상 확인 방법

F1 키 입력 => Developer: Inspect Editor Tokens and Scopes 입력 

 

 

1. 선택 된 범위 이름 : punctuation.definition.block.ts

2. 설정 된 색상 값 : { "foreground": "#888D94" }

 

 

728x90
반응형