VScode Color Customizations

Color Customizations

프로젝트 별로 VScode를 사용할 때 색상의 사용자 정의하는 유용한 방법이다.

먼저, Setting -> Workspace -> Workbench -> Appearance 진입한다

1. Color Customizations 에서 Edit in setting.json 클릭한다

2. {} 안에 정의하고자 하는 Color Customizations 를 입력한다

"workbench.colorCustomizations": {
    // aside bar color
    "activityBar.background": "원하는색상코드",
    // title var color
    "titleBar.activeBackground": "원하는색상코드",
    // content color
    "titleBar.activeForeground": "원하는색상코드", 
    // backgound color
    "editor.background": "원하는색상코드" 
  },

Comments Color Customizations

1. 주석의 기본 색상을 변경하려면, settings.json 안에 아래의 코드를 추가한다

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