(VSCode) vscode 작업영역에서 상단 타이틀바 색 및 주석 색 변경

VSCode (Visual Studio Code)

 

작업을 하다보면 VSCode 에서 다른 코드를 찾아보거나 다른 작업을 같이 하는 경우에 에디터가 여러개 켜놓는 경우가 있습니다.

 

그 때, 파일끼리 헷갈리는 상황이 생기는 경우가 있어서 작업들마다 해당하는 프로젝트의 메인 컬러로 상단 타이틀바의

색상을 바꿔놓으면 프로젝트들을 구분하기가 쉬워집니다.

 

방법은 간단합니다.

vscode 설정에서 settings.json을 보시면 사용자부분과 작업 영역부분을 설정해줄 수 있습니다.

보통은 사용자 부분에는 각자 개발자 본인들만의 사용자 설정이 있고

타이틀바의 색은 공통이 아닌 프로젝트마다 다르게 해줄 것이기 때문에 작업 영역 부분에서 코드를 추가해주시면 됩니다.

 

{
  "workbench.colorCustomizations": {
    // 상단 타이틀바 글자색
    "titleBar.activeForeground": "#ffffff",
    "titleBar.inactiveForeground": "#ffffff",
    
    // 상단 타이틀바 배경색
    "titleBar.activeBackground": "#ff4e00",
    "titleBar.inactiveBackground": "#ff4e00"
  }
}

 

타이틀바 색 변경

 

상단 타이틀바의 배경색은 #ff4e00 주황색으로 글자색은 #fff 흰색으로 변경되었습니다.

 

추가로 주석의 색을 변경하는것을 해보겠습니다.

저는 주석색은 제가 하는 모든 작업에 공통으로 적용시키고 싶어 작업 영역이 아닌 사용자 부분에서 수정했습니다.

 

"editor.tokenColorCustomizations": {
    "comments": "#a59680"
  },

 

해당 코드를 추가하고 색상을 지정해주시면 됩니다.

 

주석 색 변경