본문 바로가기

Visual Studio Code

(VS Code) - 내부 terminal color theme 설정

반응형

🍳머리말

vs code 기본 workbench terminal 색 설정 방법입니다


📕 설정

📔 theme 고르기

https://glitchbone.github.io/vscode-base16-term/#/bright

 

Base16 Terminal Colors for Visual Studio Code

 

glitchbone.github.io

 

여기서 여러 theme에 대한 json을 설정할 수 있습니다. 저는 Bright를 골랐습니다. Copy to clipboard해줍니다.

 

내용은 요렇게 생겼습니다.

"terminal.background": "#000000",
"terminal.foreground": "#E0E0E0",
"terminalCursor.background": "#E0E0E0",
"terminalCursor.foreground": "#E0E0E0",
"terminal.ansiBlack": "#000000",
"terminal.ansiBlue": "#6FB3D2",
"terminal.ansiBrightBlack": "#B0B0B0",
"terminal.ansiBrightBlue": "#6FB3D2",
"terminal.ansiBrightCyan": "#76C7B7",
"terminal.ansiBrightGreen": "#A1C659",
"terminal.ansiBrightMagenta": "#D381C3",
"terminal.ansiBrightRed": "#FB0120",
"terminal.ansiBrightWhite": "#FFFFFF",
"terminal.ansiBrightYellow": "#FDA331",
"terminal.ansiCyan": "#76C7B7",
"terminal.ansiGreen": "#A1C659",
"terminal.ansiMagenta": "#D381C3",
"terminal.ansiRed": "#FB0120",
"terminal.ansiWhite": "#E0E0E0",
"terminal.ansiYellow": "#FDA331"

📕 Settings.json 열기

📔 설명

vs code 내에서 crtl + shift + p 입력하면 다음처럼 검색창이 나오는데 settings라고 입력해주면 사용자 설정을 json형태로 열 수 있습니다. enter입력 해 settings.json이라는 file을 열어줍니다.

 

하위에 다음 code를 추가해줍니다.

"workbench.colorCustomizations": {},

 

복사한 내용을 {}안에 붙여줍니다.

"workbench.colorCustomizations": {
    "terminal.background": "#000000",
    "terminal.foreground": "#E0E0E0",
    "terminalCursor.background": "#E0E0E0",
    "terminalCursor.foreground": "#E0E0E0",
    "terminal.ansiBlack": "#000000",
    "terminal.ansiBlue": "#6FB3D2",
    "terminal.ansiBrightBlack": "#B0B0B0",
    "terminal.ansiBrightBlue": "#6FB3D2",
    "terminal.ansiBrightCyan": "#76C7B7",
    "terminal.ansiBrightGreen": "#A1C659",
    "terminal.ansiBrightMagenta": "#D381C3",
    "terminal.ansiBrightRed": "#FB0120",
    "terminal.ansiBrightWhite": "#FFFFFF",
    "terminal.ansiBrightYellow": "#FDA331",
    "terminal.ansiCyan": "#76C7B7",
    "terminal.ansiGreen": "#A1C659",
    "terminal.ansiMagenta": "#D381C3",
    "terminal.ansiRed": "#FB0120",
    "terminal.ansiWhite": "#E0E0E0",
    "terminal.ansiYellow": "#FDA331"
  }

 

바로 적용 됨을 확인할 수 있습니다.


*더 나은 내용을 위한 지적, 조언은 언제나 환영합니다.