Try   HackMD

VSCode 상태바 배경색 바꾸기

VSCode 를 처음 사용할때 신경쓰이는 부분중에 하나가 에디터 하단의 보라색 상태바(Status Bar)이다. 이 색을 원하는 색상으로 바꾸는 방법이다. 아래 경로의 설정 파일을 에디터로 열고 배경색 항목을 추가해 주면 된다.

수정할 파일

macOS

~/Library/Application Support/Code/User/settings.json

Windows

%AppData%/Roaming/Code/User/settings.json

Linux

~/.config/Code/User/settings.json

추가할 배경색 정보

아래의 항목이 있으면 적절하게 변경하고 없으면 추가해 주면 된다. 저장하면 바로 적용된다.

"workbench.colorCustomizations" : { "statusBar.background" : "#303030", "statusBar.noFolderBackground" : "#222225", "statusBar.debuggingBackground": "#511f1f" },

변경 전

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

변경 후

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

tags: VSCode Visual Studio Code 프로그래밍