-
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" },
해당 코드를 추가하고 색상을 지정해주시면 됩니다.
주석 색 변경 '코딩 기록 > 기타' 카테고리의 다른 글
(VSCode) vscode 설정 저장(Settings Sync) 동기화 사용하기 (0) 2021.02.20 (웹 작동 방식) SSR, CSR, 그리고 SPA, MPA (0) 2021.02.17 댓글