Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

다재다능 개발자 성장기 🚀

VScode 디버그 콘솔 색상 변경하는 방법 본문

Flutter

VScode 디버그 콘솔 색상 변경하는 방법

merrytang 2024. 10. 27. 22:00

vscode로 flutter 개발을 하던 중 디버그 콘솔 색상이 너무 연해서 가독성이 떨어져 색상을 변경하였다.
속 시원👍

 

 

  • VSCode 설정 열기:
    • Cmd + , (Mac) 또는 Ctrl + , (Windows/Linux)를 눌러 VSCode 설정을 엽니다.

 

  • 사용자 설정 (settings.json) 열기:
    • 설정 창 상단에 "설정 (Settings)" 검색창이 있습니다. 여기에서 오른쪽 상단의 파일 아이콘(또는 '설정 열기' 버튼)을 클릭하면 settings.json 파일을 직접 열 수 있습니다.

 

  • 디버그 콘솔 색상 설정 추가:
    • settings.json 파일에서 아래와 같이 디버그 콘솔의 글자색과 배경색을 수정할 수 있습니다.
    • workbench.colorCustomizations : 
   // 디버그 콘솔 색상 변경
    "debugConsole.infoForeground": "#FFFFFF", // 일반 정보의 글자색
    "debugConsole.warningForeground": "#FFA500", // 경고 메시지의 글자색
    "debugConsole.errorForeground": "#FF0000", // 에러 메시지의 글자색
    "debugConsole.inputForeground": "#00FF00", // 입력 글자색
    "debugConsole.background": "#000000" // 디버그 콘솔 배경색

 

 

Before & After

색상만 변경해줬을뿐인데 가독성이 훨씬 좋아졌다!