VS Code 테마 추천 2026: 눈 안 아픈 다크·라이트 10선

VS Code 테마는 취향 문제로 끝나기 쉽지만, 실제로는 하루 몇 시간이나 눈이 편한지가 갈립니다. 저는 2026년 들어 테마를 열 번 넘게 바꿔 보고 지금은 두 개로 정착했습니다. 그 과정에서 걸러진 것 위주로 10개를 정리합니다. 전부 마켓플레이스에서 무료이고, 설치 ID 를 그대로 검색하면 됩니다.

고르는 기준은 세 가지였습니다. 주석과 문자열이 배경에 묻히지 않는가, 선택 영역과 현재 줄 강조가 구분되는가, 터미널 색까지 같이 맞춰 주는가. 화려함은 기준에서 뺐습니다.

다크 테마 6선#

1. One Dark Pro#

설치: zhuangtongfa.Material-theme

가장 많이 쓰이는 다크 테마라 추천하기가 민망할 정도지만, 여전히 기본값으로 둘 만합니다. 색 대비가 과하지 않고 주석 회색이 읽힙니다. 다른 테마를 쓰다가 눈이 피로해지면 돌아오는 곳입니다. "One Dark Pro Darker" 변형은 OLED 모니터에서 검은 배경이 너무 깊어 오히려 눈부심이 생기니 일반 버전을 권합니다.

2. GitHub Dark Default#

설치: GitHub.github-vscode-theme

GitHub 웹에서 코드 리뷰를 많이 하는 사람에게 맞습니다. 브라우저와 에디터 색이 같아서 PR 화면과 로컬을 오갈 때 눈이 다시 적응할 필요가 없습니다. 같은 확장에 라이트 버전과 "Dimmed" 버전이 함께 들어 있어 하나만 설치하면 됩니다.

3. Catppuccin Mocha#

설치: Catppuccin.catppuccin-vsc

파스텔 계열인데 대비가 낮지 않습니다. 네 가지 변형(Latte·Frappé·Macchiato·Mocha) 중 Mocha 가 가장 어둡고, 저녁에 쓰기에 제일 편했습니다. 아이콘 테마(Catppuccin.catppuccin-vsc-icons)까지 같이 깔면 사이드바가 한 톤으로 정리됩니다. 단점은 노란색 계열 문자열이 밝은 모니터에서 약간 뜬다는 점입니다.

4. Tokyo Night#

설치: enkia.tokyo-night

남색 바탕에 푸른 계열 강조색이라 장시간 봐도 자극이 적습니다. "Tokyo Night Storm" 변형이 배경이 조금 밝아 낮에 쓰기 좋고, 기본 버전은 밤에 좋습니다. 주황색 숫자와 초록 문자열이 분명하게 갈려서 설정 파일(JSON·YAML)을 볼 때 특히 편합니다.

5. Dracula Official#

설치: dracula-theme.theme-dracula

보라색 배경을 좋아하면 이쪽입니다. 대비가 강해 저채도 모니터에서도 글자가 또렷합니다. 반대로 고대비가 피로한 사람에게는 맞지 않습니다. 터미널·Git 그래프까지 같은 팔레트로 칠해 주는 점이 장점입니다.

6. Gruvbox Material (Dark)#

설치: sainnhe.gruvbox-material

갈색 기운이 도는 레트로 팔레트입니다. 흰 글자 대신 베이지 글자를 써서 눈부심이 가장 적습니다. 밤늦게 작업하는 날에 썼을 때 다음 날 눈 피로가 눈에 띄게 덜했습니다. 색이 차분한 대신 에러 표시(빨강)가 다른 테마만큼 튀지 않아, 린트 경고를 색으로 잡는 사람은 적응 기간이 필요합니다.

라이트 테마 4선#

라이트 테마는 밝은 사무실이나 창가 자리에서 다크보다 눈이 덜 피로합니다. 다크만 쓰다가 라이트로 바꾸면 처음 이틀은 어색하지만, 낮 작업이 많다면 시도해 볼 만합니다.

7. GitHub Light Default#

설치: GitHub.github-vscode-theme

다크 버전과 같은 확장입니다. 흰 배경에 색이 절제돼 있어 문서나 마크다운을 많이 쓰는 사람에게 좋습니다. 저는 블로그 글을 쓸 때 이 테마로 바꿉니다.

8. Catppuccin Latte#

설치: Catppuccin.catppuccin-vsc

라이트 테마 중 배경이 순백이 아니라 약간 크림색이라 눈부심이 덜합니다. 다크(Mocha)와 색 체계가 같아서 낮·밤에 둘을 오가도 문법 색 의미가 유지됩니다.

9. Solarized Light#

설치: ryanolsonx.solarized

오래된 테마지만 색 과학에 근거한 팔레트라 피로감이 적다는 평이 꾸준합니다. 노란기 도는 배경이 호불호를 가릅니다. 터미널을 Solarized 로 쓰는 사람이라면 에디터까지 맞추는 편이 자연스럽습니다.

10. Quiet Light#

설치: VS Code 내장 (설치 불필요)

VS Code 에 기본으로 들어 있는 라이트 테마입니다. 강조색이 적고 글자 색이 거의 검정이라 코드 리뷰나 발표 화면 공유에 가장 무난합니다. 화면을 다른 사람에게 보여 줄 일이 많으면 이걸 기본으로 두고, 혼자 작업할 때만 다른 테마를 쓰는 방법도 있습니다.

테마와 같이 맞추면 좋은 것#

폰트. 테마를 바꿔도 글자가 뭉개져 보이면 폰트 문제인 경우가 많습니다. 한글 주석이 많다면 D2Coding 또는 Pretendard 계열, 영문 위주라면 JetBrains Mono 나 Fira Code 가 무난합니다. 리거처(ligature)는 => 같은 기호를 합쳐 보여 주는데, 처음 보는 사람과 화면을 공유할 때 헷갈릴 수 있어 저는 꺼 둡니다.

아이콘 테마. Material Icon Theme(PKief.material-icon-theme)가 대부분의 색 테마와 무난하게 어울립니다. Catppuccin 처럼 전용 아이콘이 있으면 그쪽이 더 정돈돼 보입니다.

설정 예시. 아래는 제가 쓰는 값입니다. 다크·라이트를 OS 설정에 따라 자동으로 바꾸게 해 두면 낮밤에 따로 손댈 일이 없습니다.

{
  "workbench.colorTheme": "Tokyo Night",
  "workbench.preferredDarkColorTheme": "Tokyo Night",
  "workbench.preferredLightColorTheme": "GitHub Light Default",
  "window.autoDetectColorScheme": true,
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontFamily": "'JetBrains Mono', 'D2Coding', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.fontLigatures": false,
  "editor.renderLineHighlight": "all",
  "editor.cursorBlinking": "smooth"
}

editor.renderLineHighlight 를 all 로 두면 현재 줄 배경과 줄 번호가 함께 강조돼 커서 위치를 놓치지 않습니다. 테마에 따라 이 강조색이 선택 영역 색과 비슷해 헷갈리면, workbench.colorCustomizations 에서 editor.lineHighlightBackground 만 따로 바꾸면 됩니다.

고를 때 확인할 것#

테마를 설치하고 나서 아래 세 화면을 열어 보면 맞는지 10분 안에 판단할 수 있습니다.

1. 주석이 많은 파일을 열어 주석 색이 배경에 묻히지 않는지 봅니다. 묻히면 장시간 쓸 수 없습니다.
2. Git 변경 사항이 있는 파일에서 추가·삭제 줄 표시가 구분되는지 봅니다. 몇몇 테마는 빨강과 주황이 비슷합니다.
3. 통합 터미널을 열어 ls 나 git status 출력 색이 읽히는지 봅니다. 에디터만 바꾸고 터미널 색이 깨지는 테마가 의외로 많습니다.

테마를 자주 바꾸는 것 자체는 생산성에 도움이 되지 않습니다. 하나를 2주 이상 써 보고 눈 피로가 줄었는지로 판단하는 편이 낫습니다.

확장 프로그램까지 같이 정리하려면 2026년 개발자 필수 VS Code 확장 프로그램 15선을 참고하세요. AI 코딩 도구를 고르는 기준은 GitHub Copilot vs Cursor 비교에 정리해 두었습니다.