테마

Visual Studio Code에는 세 가지 유형의 테마가 있습니다.

색상 테마: UI 구성 요소 식별자와 텍스트 토큰 식별자 모두를 색상에 매핑하는 것입니다. 색상 테마를 사용하면 VS Code UI 구성 요소와 편집기의 텍스트 모두에 좋아하는 색상을 적용할 수 있습니다.
파일 아이콘 테마: 파일 형식/파일 이름을 이미지에 매핑하는 것입니다. 파일 아이콘은 파일 탐색기, 빠른 열기 목록, 편집기 탭과 같이 VS Code UI 전반에 표시됩니다.
제품 아이콘 테마: 사이드바, 활동 표시줄, 상태 표시줄부터 편집기 글리프 여백까지 UI 전반에 사용되는 아이콘 집합입니다.

색상 테마

color-theme

그림에서 볼 수 있듯이 색상 테마는 UI 구성 요소의 색상과 편집기에서의 강조 표시를 정의합니다.

UI 구성 요소의 색상을 제어하는 colors 매핑입니다.
tokenColors는 편집기에서의 강조 표시 색상과 스타일을 정의합니다. 구문 강조 가이드에 해당 주제에 대한 자세한 정보가 있습니다.
semanticTokenColors 매핑과 semanticHighlighting 설정은 편집기에서의 강조 표시를 향상시킬 수 있습니다. 시맨틱 강조 가이드는 이와 관련된 API를 설명합니다.

테마를 만드는 방법을 설명하는 색상 테마 가이드와 색상 테마 샘플이 있습니다.

파일 아이콘 테마를 사용하면 다음을 수행할 수 있습니다.

파일 아이콘 테마 가이드에서 파일 아이콘 테마를 만드는 방법을 설명합니다.

제품 아이콘 테마를 사용하면 다음을 수행할 수 있습니다.

워크벤치에서 사용되는 모든 내장 아이콘을 다시 정의할 수 있습니다. 예를 들어 필터 액션 버튼 및 보기 아이콘, 상태 표시줄, 중단점, 트리 및 편집기의 접기 아이콘 등이 있습니다.

제품 아이콘 테마 가이드에서 제품 아이콘 테마를 만드는 방법을 설명합니다.

12/10/2025