[VSCode | settings ] settings.json을 통해서 주석색상 변경하기

사용에디터: visual studio code

---

settings.json 파일을 열고 setting의 값 변경을 통해서 주석색을 변경해보자

 

1. settings.json 파일 열기

(단축키: Ctrl + , ) or file -> settings -> 우측상단에 Open settings(JSON)아이콘 누르기

Open settings 아이콘

2. settings.json에 아래의 코드 추가해주기 

"editor.tokenColorCustomizations": {
        "comments": "원하는 색상코드"  
    },

※이전 코드의 맨 끝에 콤마(,)를 넣어서 구분해주는것을 까먹지마세요. 

 

세팅을 저장하고 제대로 작동하는 지 확인해봅시다. ▼

주석색: #F7C9C9

저는 로즈쿼츠 색(#F7C9C9)으로 했습니다. -> 쓰다보니까 색이 좀 밝아서 눈아프길래 채도를 낮춘 색으로 변경(#DBB1B1)

 

원하는 색의 색상코드를 모를 경우, chrome 의 확장프로그램 colorZilla를 사용하여 간편하게 추출해보세요. 

ColorZilla 링크: https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ko-KR 

ColorZilla

 

 

+ 앞에 // 만 색상 회색으로 변경하기 설정 추가 

(관련 정보: https://d-e-v.tistory.com/6)

▼settings.json

"editor.tokenColorCustomizations": {
    "comments": "#dbb1b1",
    "textMateRules": [
      {
        "scope": [
          "punctuation.definition.comment",
          "commnet.block",
          "commnet.line",
          "commnet.block.documentation"
        ],
        "settings": {
          "foreground": "#999999"
        }
      }
    ]
  }