vscode 상단 컬러 변경하기

vscode 여러가지 프로젝트를 열다보면 작업하던 해당 에디터가 어떤건지 구분하기가 어렵습니다. 잘못된 곳에서 코딩하는것을 방지하고자 상단의 컬러를 변경하는 방법을 알아 보겠습니다.

방법

1. vscode settings로 진입
2. Workspace로 가서 Appearance에 Color Customizations의 settings.json을 클릭합니다.

  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#ffbede", // 사용되고 있는 탭 배경색
    "titleBar.activeForeground": "#ff0080", // 사용되고 있는 텍스트 컬러
    "titleBar.inactiveBackground": "#00a2ff", // 그 외의 에디터 배경색
    "titleBar.inactiveForeground": "#00ff15" // 그 외의 에디터 텍스트 컬러
  },

참고

vscode 공식 홈페이지