터미널 테마 비교 화면

배경

터미널 테마를 고를 때는 대개 테마별 스크린샷을 한 장씩 넘겨 본다. 그런데 스크린샷마다 화면의 내용이 다르면 색의 차이와 내용의 차이가 구분되지 않는다. 마음에 드는 후보가 둘 남았을 때 어느 쪽이 더 잘 읽히는지도 판단하기 어렵다.

그래서 실험실에 터미널 테마 화면을 추가하였다. 모든 테마를 같은 작업 화면으로 그려 색만 비교한다. 대상은 Dracula, Catppuccin, Tokyo Night, Gruvbox, Solarized 등 15계열 26개 테마이다.

화면 구성

테마 목록과 검색

목록의 카드는 모두 같은 견본을 표시한다. 견본은 git status, ls, pnpm test 출력과 짧은 코드로 구성하였다. 강조색 여섯 가지와 주석에 쓰는 흐린 글자가 한 화면에 모두 표시되도록 한 구성이다.

목록 위 검색칸은 영문 이름, 한글 이름, 한 줄 설명, 밝기를 함께 찾는다. 드라큘라나 파스텔로도 찾을 수 있고, 낱말을 여러 개 입력하면 모두 일치하는 테마만 표시한다. 예를 들어 gruvbox 라이트는 Gruvbox Light 하나로 좁혀진다.

다크 · 라이트 필터와 이름순 · 잘 읽히는 순 정렬도 제공한다.

두 테마의 나란히 비교

카드의 비교에 담기를 두 번 누르면 목록 위에 두 테마가 큰 화면으로 나란히 표시된다. 셋째 테마를 담으면 가장 먼저 담은 테마가 제외된다.

검색어, 담은 테마, 열린 상세 화면은 주소에 기록된다. 그 주소를 공유하면 같은 화면이 열린다.

상세 화면

카드의 그림이나 제목을 누르면 상세 화면이 모달로 열린다. 큰 터미널 화면, 명암비, ANSI 16색, 복사할 설정값을 한 화면에서 확인할 수 있다. 같은 계열에 밝기가 다른 변형이 있으면 바로 전환할 수 있고, 이전 · 다음 버튼으로 목록의 다음 테마로 이동할 수 있다.

명암비 수치

각 색의 명암비는 WCAG 공식으로 배경과 비교하여 화면에서 계산한다. 일반 글자 기준으로 4.5:1 이상이면 AA, 7:1 이상이면 AAA이고, 3:1 이상이면 큰 글자에 쓸 수 있는 수준이다.

카드에 표시하는 최저 명암비는 빨강 · 초록 · 노랑 · 파랑 · 자주 · 청록 여섯 강조색 중 가장 낮은 값이다. 터미널 출력에서는 경고나 오류처럼 중요한 내용이 강조색으로 표시되므로, 평균보다 가장 낮은 색을 기준으로 삼았다.

구분	테마 수	최저 4.5:1 이상	최저 3:1 미만	최고 테마
다크	15	7	1	Catppuccin Mocha 7.1:1
라이트	11	0	8	Flexoki Light 3.4:1

라이트 테마의 수치가 전반적으로 낮은 편이다. 어두운 배경에서는 채도가 높은 색도 충분히 밝지만, 밝은 배경에서는 노랑처럼 원래 밝은 색의 대비가 크게 낮아지기 때문이다.

설정값과 요청 문장

상세 화면에서는 세 가지 형식으로 복사할 수 있다.

형식	내용	사용 위치
Ghostty	배경 · 글자 · 커서 · 선택 영역 · palette 16색	Ghostty 설정 파일
Windows Terminal	같은 색을 담은 스킴 JSON	settings.json의 schemes 배열
AI 프롬프트	테마 이름과 주요 색상값	터미널 화면을 만드는 AI 요청

Ghostty 설정은 내장 테마 이름 대신 색상값을 직접 기재한다. 내장 테마 이름은 버전에 따라 찾지 못할 수 있기 때문이다.

AI 프롬프트는 다른 실험실 레퍼런스처럼 이름을 앞에 표기한다.

[Dracula] 터미널 화면을 이 색 조합으로 만들어 줘. 배경 #282a36, 기본 글자 #f8f8f2, 빨강 #ff5555, 초록 #50fa7b, 노랑 #f1fa8c, 파랑 #bd93f9, 자주 #ff79c6, 청록 #8be9fd, 흐린 글자 #6272a4.

설계 판단

스크린샷 대신 직접 렌더링

견본은 이미지가 아니라 테마의 색상값으로 화면에서 직접 그린다. 뼈대가 같아야 색의 차이만 비교할 수 있고, 명암비도 같은 색상값에서 계산할 수 있기 때문이다. 글꼴은 별도로 불러오지 않고 운영체제의 고정폭 글꼴을 쓴다. 비교 대상은 글꼴이 아니라 색이다.

색상값의 출처

색상값은 iTerm2-Color-Schemes 모음(MIT)에서 가져왔다. 테마별 저작권은 각 제작자에게 있으므로, 제작처를 확인한 테마는 상세 화면에 링크를 표시한다.

---

바로 가기: 터미널 테마 · 실험실