테마 색상

workbench.colorCustomizations 사용자 설정을 통해 활성 Visual Studio Code 색상 테마를 사용자 지정할 수 있습니다.

{
  "workbench.colorCustomizations": {
    "activityBar.background": "#00AA00"
  }
}

참고: 기존 색상 테마를 사용하려면 기본 설정: 색상 테마 드롭다운 (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))을 통해 활성 색상 테마를 설정하는 방법을 배울 수 있는 색상 테마를 참조하십시오.

웹뷰에서는 테마 색상을 CSS 변수로 사용할 수 있으며, 이를 위한 IntelliSense를 제공하는 확장도 있습니다.

색상 형식

색상 값은 투명도를 위해 알파 채널이 있는 RGB 색상 모델로 정의할 수 있습니다. 형식으로 다음의 16진수 표기법이 지원됩니다: #RGB, #RGBA, #RRGGBB 및 #RRGGBBAA. R(빨강), G(녹색), B(파랑), A(알파)는 16진수 문자(0-9, a-f 또는 A-F)입니다. 세 자리 표기법(#RGB)은 여섯 자리 형식(#RRGGBB)의 짧은 버전이며, 네 자리 RGB 표기법(#RGBA)은 여덟 자리 형식(#RRGGBBAA)의 짧은 버전입니다. 예를 들어 #e35f는 #ee3355ff와 같은 색상입니다.

알파 값이 정의되지 않으면 기본값은 ff(불투명, 투명도 없음)입니다. 알파가 00으로 설정되면 색상이 완전히 투명합니다.

어떤 색상은 다른 주석을 가리지 않도록 불투명해서는 안 됩니다. 이 내용이 적용되는 색상은 색상 설명을 참조하십시오.

대비 색상

대비 색상은 일반적으로 고대비 테마에만 설정됩니다. 설정된 경우 UI 전체의 항목 주위에 추가 테두리를 추가하여 대비를 높입니다.

contrastActiveBorder: 활성 요소를 다른 요소와 구분하여 대비를 높이기 위한 추가 테두리입니다.
contrastBorder: 요소를 다른 요소와 구분하여 대비를 높이기 위한 추가 테두리입니다.

기본 색상

focusBorder: 포커스된 요소의 전체 테두리 색상입니다. 이 색상은 구성 요소에서 재정의하지 않는 경우에만 사용됩니다.
foreground: 전체 전경 색상입니다. 이 색상은 구성 요소에서 재정의하지 않는 경우에만 사용됩니다.
disabledForeground: 비활성화된 요소의 전체 전경 색상입니다. 이 색상은 구성 요소에서 재정의하지 않는 경우에만 사용됩니다.
widget.border: 편집기 내의 찾기/바꾸기와 같은 위젯의 테두리 색상입니다.
widget.shadow: 편집기 내의 찾기/바꾸기와 같은 위젯의 그림자 색상입니다.
selection.background: 워크벤치에서 텍스트 선택의 배경색입니다(입력 필드 또는 텍스트 영역용이며, 편집기 및 터미널 내의 선택에는 적용되지 않음).
descriptionForeground: 레이블과 같이 추가 정보를 제공하는 설명 텍스트의 전경 색상입니다.
errorForeground: 오류 메시지의 전체 전경 색상입니다(이 색상은 구성 요소에서 재정의하지 않는 경우에만 사용됨).
icon.foreground: 워크벤치 아이콘의 기본 색상입니다.
sash.hoverBorder: 드래그 가능한 새시의 호버 테두리 색상입니다.

창 테두리

VS Code 창 테두리의 테마 색상입니다.

window.activeBorder: 활성(포커스된) 창의 테두리 색상입니다.
window.inactiveBorder: 비활성(포커스되지 않은) 창의 테두리 색상입니다.

창 테두리 색상은 macOS 및 Linux(Windows 제외)에서만 지원되며 사용자 지정 제목 표시줄이 활성화된 경우("window.titleBarStyle": "custom")에만 지원됩니다.

텍스트 색상

환영 페이지와 같은 텍스트 문서 내부의 색상입니다.

textBlockQuote.background: 텍스트 블록 인용의 배경색입니다.
textBlockQuote.border: 텍스트 블록 인용의 테두리 색상입니다.
textCodeBlock.background: 텍스트 코드 블록의 배경색입니다.
textLink.activeForeground: 클릭 및 마우스 호버 시 텍스트 내 링크의 전경 색상입니다.
textLink.foreground: 텍스트 내 링크의 전경 색상입니다.
textPreformat.foreground: 서식이 지정된 텍스트 세그먼트의 전경 색상입니다.
textPreformat.background: 서식이 지정된 텍스트 세그먼트의 배경색입니다.
textSeparator.foreground: 텍스트 구분선의 색상입니다.

작업 색상

워크벤치 전반의 작업 상호 작용을 제어하는 색상 집합입니다.

toolbar.hoverBackground: 마우스를 사용하여 작업 위로 이동할 때 도구 모음 배경입니다.
toolbar.hoverOutline: 마우스를 사용하여 작업 위로 이동할 때 도구 모음 윤곽입니다.
toolbar.activeBackground: 작업 위에 마우스를 유지할 때 도구 모음 배경입니다.
editorActionList.background: 작업 목록 배경색입니다.
editorActionList.foreground: 작업 목록 전경색입니다.
editorActionList.focusForeground: 포커스된 항목의 작업 목록 전경색입니다.
editorActionList.focusBackground: 포커스된 항목의 작업 목록 배경색입니다.

버튼 제어

새 창 탐색기에서 폴더 열기 버튼과 같은 버튼 위젯의 색상 집합입니다.

button.background: 버튼 배경색입니다.
button.foreground: 버튼 전경색입니다.
button.border: 버튼 테두리 색상입니다.
button.separator: 버튼 구분선 색상입니다.
button.hoverBackground: 호버 시 버튼 배경색입니다.
button.secondaryForeground: 보조 버튼 전경색입니다.
button.secondaryBackground: 보조 버튼 배경색입니다.
button.secondaryHoverBackground: 호버 시 보조 버튼 배경색입니다.
checkbox.background: 체크 박스 위젯의 배경색입니다.
checkbox.foreground: 체크 박스 위젯의 전경색입니다.
checkbox.disabled.background: 비활성화된 체크 박스의 배경입니다.
checkbox.disabled.foreground: 비활성화된 체크 박스의 전경입니다.
checkbox.border: 체크 박스 위젯의 테두리 색상입니다.
checkbox.selectBackground: 체크 박스 위젯의 배경색으로, 요소가 선택된 경우입니다.
checkbox.selectBorder: 체크 박스 위젯의 테두리 색상으로, 요소가 선택된 경우입니다.
radio.activeForeground: 활성 라디오 옵션의 전경색입니다.
radio.activeBackground: 활성 라디오 옵션의 배경색입니다.
radio.activeBorder: 활성 라디오 옵션의 테두리 색상입니다.
radio.inactiveForeground: 비활성 라디오 옵션의 전경색입니다.
radio.inactiveBackground: 비활성 라디오 옵션의 배경색입니다.
radio.inactiveBorder: 비활성 라디오 옵션의 테두리 색상입니다.
radio.inactiveHoverBackground: 비활성 라디오 옵션의 호버 시 배경색입니다.

통합 터미널 또는 출력 패널의 드롭다운과 같은 모든 드롭다운 위젯의 색상 집합입니다. 참고: 드롭다운 제어는 현재 macOS에서 사용되지 않습니다.

dropdown control

dropdown.background: 드롭다운 배경입니다.
dropdown.listBackground: 드롭다운 목록 배경입니다.
dropdown.border: 드롭다운 테두리입니다.
dropdown.foreground: 드롭다운 전경입니다.

입력 제어

검색 보기 또는 찾기/바꾸기 대화 상자와 같은 입력 제어의 색상입니다.

input control

input.background: 입력 상자 배경입니다.
input.border: 입력 상자 테두리입니다.
input.foreground: 입력 상자 전경입니다.
input.placeholderForeground: 입력 상자 자리 표시자 텍스트의 전경 색상입니다.
inputOption.activeBackground: 입력 필드의 활성화된 옵션의 배경색입니다.
inputOption.activeBorder: 입력 필드의 활성화된 옵션의 테두리 색상입니다.
inputOption.activeForeground: 입력 필드의 활성화된 옵션의 전경색입니다.
inputOption.hoverBackground: 입력 필드의 활성화된 옵션의 배경색입니다.
inputValidation.errorBackground: 오류 심각도에 대한 입력 유효성 검사 배경색입니다.
inputValidation.errorForeground: 오류 심각도에 대한 입력 유효성 검사 전경색입니다.
inputValidation.errorBorder: 오류 심각도에 대한 입력 유효성 검사 테두리 색상입니다.
inputValidation.infoBackground: 정보 심각도에 대한 입력 유효성 검사 배경색입니다.
inputValidation.infoForeground: 정보 심각도에 대한 입력 유효성 검사 전경색입니다.
inputValidation.infoBorder: 정보 심각도에 대한 입력 유효성 검사 테두리 색상입니다.
inputValidation.warningBackground: 정보 경고에 대한 입력 유효성 검사 배경색입니다.
inputValidation.warningForeground: 경고 심각도에 대한 입력 유효성 검사 전경색입니다.
inputValidation.warningBorder: 경고 심각도에 대한 입력 유효성 검사 테두리 색상입니다.

스크롤바 제어

scrollbar.background: 스크롤바 트랙 배경색입니다.
scrollbar.shadow: 뷰가 스크롤되었음을 나타내는 스크롤바 슬라이더 그림자입니다.
scrollbarSlider.activeBackground: 클릭했을 때 스크롤바 슬라이더 배경색입니다.
scrollbarSlider.background: 스크롤바 슬라이더 배경색입니다.
scrollbarSlider.hoverBackground: 호버 시 스크롤바 슬라이더 배경색입니다.

배지

배지는 검색 결과 수와 같은 작은 정보 레이블입니다.

badge.foreground: 배지 전경색입니다.
badge.background: 배지 배경색입니다.

진행률 표시줄

progressBar.background: 오래 실행되는 작업에 표시되는 진행률 표시줄의 배경색입니다.

목록 및 트리

탐색기와 같은 목록 및 트리 색상입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.

list.activeSelectionBackground: 목록/트리가 활성 상태일 때 선택된 항목의 목록/트리 배경색입니다.
list.activeSelectionForeground: 목록/트리가 활성 상태일 때 선택된 항목의 목록/트리 전경색입니다.
list.activeSelectionIconForeground: 목록/트리가 활성 상태일 때 선택된 항목의 목록/트리 아이콘 전경색입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.dropBackground: 마우스로 항목을 이동할 때 목록/트리의 끌어서 놓기 배경입니다.
list.focusBackground: 목록/트리가 활성 상태일 때 포커스된 항목의 목록/트리 배경색입니다.
list.focusForeground: 목록/트리가 활성 상태일 때 포커스된 항목의 목록/트리 전경색입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.focusHighlightForeground: 목록/트리 내에서 검색할 때 활성 포커스된 항목의 일치 강조 표시 목록/트리 전경색입니다.
list.focusOutline: 목록/트리가 활성 상태일 때 포커스된 항목의 목록/트리 윤곽선 색상입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.focusAndSelectionOutline: 목록/트리가 활성 상태이고 선택된 경우 포커스된 항목의 목록/트리 윤곽선 색상입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.highlightForeground: 목록/트리 내에서 검색할 때 일치 강조 표시의 목록/트리 전경색입니다.
list.hoverBackground: 마우스로 항목 위로 이동할 때 목록/트리 배경입니다.
list.hoverForeground: 마우스로 항목 위로 이동할 때 목록/트리 전경입니다.
list.inactiveSelectionBackground: 목록/트리가 비활성 상태일 때 선택된 항목의 목록/트리 배경색입니다.
list.inactiveSelectionForeground: 목록/트리가 비활성 상태일 때 선택된 항목의 목록/트리 전경색입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.inactiveSelectionIconForeground: 목록/트리가 비활성 상태일 때 선택된 항목의 목록/트리 아이콘 전경색입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.inactiveFocusBackground: 목록이 비활성 상태일 때 포커스된 항목의 목록 배경색입니다. 활성 목록은 키보드 포커스가 있고, 비활성 목록은 포커스가 없습니다. 현재 목록에서만 지원됩니다.
list.inactiveFocusOutline: 목록/트리가 비활성 상태일 때 포커스된 항목의 목록/트리 윤곽선 색상입니다. 활성 목록/트리는 키보드 포커스가 있고, 비활성 목록/트리는 포커스가 없습니다.
list.invalidItemForeground: 유효하지 않은 항목의 목록/트리 전경색입니다. 예: 탐색기에서 아직 해결되지 않은 루트입니다.
list.errorForeground: 오류가 포함된 목록 항목의 전경색입니다.
list.warningForeground: 경고가 포함된 목록 항목의 전경색입니다.
listFilterWidget.background: 목록/트리 내에서 검색할 때 입력된 텍스트의 목록/트리 필터 배경색입니다.
listFilterWidget.outline: 목록/트리 내에서 검색할 때 입력된 텍스트의 목록/트리 필터 위젯 윤곽선 색상입니다.
listFilterWidget.noMatchesOutline: 목록/트리 내에서 검색할 때 일치하는 항목이 없는 경우 입력된 텍스트의 목록/트리 필터 위젯 윤곽선 색상입니다.
listFilterWidget.shadow: 목록 및 트리에서 입력 필터 위젯의 그림자 색상입니다.
list.filterMatchBackground: 목록 및 트리에서 필터링된 일치 항목의 배경색입니다.
list.filterMatchBorder: 목록 및 트리에서 필터링된 일치 항목의 테두리 색상입니다.
list.deemphasizedForeground: 흐리게 처리된 항목의 목록/트리 전경색입니다.
list.dropBetweenBackground: 마우스를 사용하여 항목을 항목 사이로 이동할 때 목록/트리의 끌어서 놓기 테두리 색상입니다.
tree.indentGuidesStroke: 트리 위젯의 들여쓰기 안내선 획 색상입니다.
tree.inactiveIndentGuidesStroke: 비활성 상태인 들여쓰기 안내선의 트리 획 색상입니다.
tree.tableColumnsBorder: 들여쓰기 안내선의 트리 획 색상입니다.
tree.tableOddRowsBackground: 홀수 테이블 행의 배경색입니다.

활동 표시줄

활동 표시줄은 일반적으로 워크벤치의 가장 왼쪽 또는 오른쪽에 표시되며 사이드바 보기를 빠르게 전환할 수 있습니다.

activityBar.background: 활동 표시줄 배경색입니다.
activityBar.dropBorder: 활동 표시줄 항목에 대한 끌어서 놓기 피드백 색상입니다. 활동 표시줄은 가장 왼쪽 또는 오른쪽에 표시되며 사이드바 보기를 전환할 수 있습니다.
activityBar.foreground: 활동 표시줄 전경색입니다(예: 아이콘에 사용됨).
activityBar.inactiveForeground: 비활성 상태인 활동 표시줄 항목의 전경색입니다.
activityBar.border: 사이드바와 활동 표시줄의 테두리 색상입니다.
activityBarBadge.background: 활동 알림 배지 배경색입니다.
activityBarBadge.foreground: 활동 알림 배지 전경색입니다.
activityBar.activeBorder: 활동 표시줄 활성 표시기 테두리 색상입니다.
activityBar.activeBackground: 활성 요소에 대한 활동 표시줄 선택적 배경색입니다.
activityBar.activeFocusBorder: 활동 표시줄 포커스 테두리 색상으로, 활성 항목에 적용됩니다.
activityBarTop.foreground: 활동 표시줄 상단에 있을 때 항목의 활성 전경색입니다. 이 활동을 통해 사이드바 보기를 전환할 수 있습니다.
activityBarTop.activeBorder: 활동 표시줄 상단에 있을 때 활성 항목의 포커스 테두리 색상입니다. 이 활동을 통해 사이드바 보기를 전환할 수 있습니다.
activityBarTop.inactiveForeground: 활동 표시줄 상단에 있을 때 항목의 비활성 전경색입니다. 이 활동을 통해 사이드바 보기를 전환할 수 있습니다.
activityBarTop.dropBorder: 활동 표시줄 상단에 있을 때 항목에 대한 끌어서 놓기 피드백 색상입니다. 이 활동을 통해 사이드바 보기를 전환할 수 있습니다.
activityBarTop.background: 활동 표시줄이 위/아래에 설정될 때의 배경색입니다.
activityBarTop.activeBackground: 활동 표시줄이 위/아래에 있을 때 활성 항목의 배경색입니다. 이 활동을 통해 사이드바 보기를 전환할 수 있습니다.
activityWarningBadge.foreground: 경고 활동 배지의 전경색입니다.
activityWarningBadge.background: 경고 활동 배지의 배경색입니다.
activityErrorBadge.foreground: 오류 활동 배지의 전경색입니다.
activityErrorBadge.background: 오류 활동 배지의 배경색입니다.

프로필

profileBadge.background: 프로필 배지 배경색입니다. 프로필 배지는 활동 표시줄의 설정 톱니바퀴 아이콘 위에 표시됩니다.
profileBadge.foreground: 프로필 배지 전경색입니다. 프로필 배지는 활동 표시줄의 설정 톱니바퀴 아이콘 위에 표시됩니다.
profiles.sashBorder: 프로필 편집기 분할 보기 새시 테두리 색상입니다.

사이드 바에는 탐색기와 검색과 같은 보기가 포함됩니다.

sideBar.background: 사이드 바 배경색입니다.
sideBar.foreground: 사이드 바 전경색입니다. 사이드 바는 탐색기 및 검색과 같은 보기를 위한 컨테이너입니다.
sideBar.border: 편집기를 분리하는 사이드의 사이드 바 테두리 색상입니다.
sideBar.dropBackground: 사이드 바 섹션에 대한 끌어서 놓기 피드백 색상입니다. 사이드 바 섹션이 계속 표시되도록 색상에 투명도가 있어야 합니다.
sideBarTitle.foreground: 사이드 바 제목 전경색입니다.
sideBarSectionHeader.background: 사이드 바 섹션 헤더 배경색입니다.
sideBarSectionHeader.foreground: 사이드 바 섹션 헤더 전경색입니다.
sideBarSectionHeader.border: 사이드 바 섹션 헤더 테두리 색상입니다.
sideBarActivityBarTop.border: 활동 표시줄의 위/아래와 보기 사이의 테두리 색상입니다.
sideBarTitle.background: 사이드 바 제목 배경색입니다. 사이드 바는 탐색기 및 검색과 같은 보기를 위한 컨테이너입니다.
sideBarTitle.border: 제목과 보기를 구분하는 하단의 사이드 바 제목 테두리 색상입니다. 사이드 바는 탐색기 및 검색과 같은 보기를 위한 컨테이너입니다.
sideBarStickyScroll.background: 사이드 바의 고정 스크롤 배경색입니다.
sideBarStickyScroll.border: 사이드 바의 고정 스크롤 테두리 색상입니다.
sideBarStickyScroll.shadow: 사이드 바의 고정 스크롤 그림자 색상입니다.

미니맵

미니맵은 현재 파일의 축소된 버전을 표시합니다.

minimap.findMatchHighlight: 파일 내 검색 결과 강조 표시 색상입니다.
minimap.selectionHighlight: 편집기 선택 항목 강조 표시 색상입니다.
minimap.errorHighlight: 편집기 내 오류 강조 표시 색상입니다.
minimap.warningHighlight: 편집기 내 경고 강조 표시 색상입니다.
minimap.background: 미니맵 배경색입니다.
minimap.selectionOccurrenceHighlight: 반복되는 편집기 선택 항목에 대한 미니맵 마커 색상입니다.
minimap.foregroundOpacity: 미니맵에 렌더링되는 전경 요소의 불투명도입니다. 예를 들어 "#000000c0"는 75% 불투명도로 요소를 렌더링합니다.
minimap.infoHighlight: 정보에 대한 미니맵 마커 색상입니다.
minimap.chatEditHighlight: 미니맵의 보류 중인 편집 영역 색상입니다.
minimapSlider.background: 미니맵 슬라이더 배경색입니다.
minimapSlider.hoverBackground: 호버 시 미니맵 슬라이더 배경색입니다.
minimapSlider.activeBackground: 클릭 시 미니맵 슬라이더 배경색입니다.
minimapGutter.addedBackground: 추가된 콘텐츠에 대한 미니맵 여백 색상입니다.
minimapGutter.modifiedBackground: 수정된 콘텐츠에 대한 미니맵 여백 색상입니다.
minimapGutter.deletedBackground: 삭제된 콘텐츠에 대한 미니맵 여백 색상입니다.
editorMinimap.inlineChatInserted: 인라인 채팅 삽입된 콘텐츠에 대한 미니맵 마커 색상입니다.

편집기 그룹 및 탭

편집기 그룹은 편집기의 컨테이너입니다. 편집기 그룹은 여러 개 있을 수 있습니다. 탭은 편집기의 컨테이너입니다. 하나의 편집기 그룹에 여러 탭을 열 수 있습니다.

editorGroup.border: 여러 편집기 그룹을 서로 구분하는 색상입니다.
editorGroup.dropBackground: 편집기를 드래그할 때의 배경색입니다.
editorGroupHeader.noTabsBackground: 단일 탭 사용 시 편집기 그룹 제목 헤더의 배경색("workbench.editor.showTabs": "single" 설정).
editorGroupHeader.tabsBackground: 탭 컨테이너의 배경색입니다.
editorGroupHeader.tabsBorder: 탭이 활성화된 경우 편집기 탭 컨트롤 아래의 테두리 색상입니다.
editorGroupHeader.border: 편집기 그룹 헤더와 편집기 사이의 테두리 색상입니다(활성화된 경우의 브레드크럼 아래).
editorGroup.emptyBackground: 빈 편집기 그룹의 배경색입니다.
editorGroup.focusedEmptyBorder: 포커스된 빈 편집기 그룹의 테두리 색상입니다.
editorGroup.dropIntoPromptForeground: 파일을 드래그할 때 편집기 위에 표시되는 텍스트의 전경색입니다. 이 텍스트는 Shift 키를 누르면 편집기에 드롭할 수 있음을 사용자에게 알립니다.
editorGroup.dropIntoPromptBackground: 파일을 드래그할 때 편집기 위에 표시되는 텍스트의 배경색입니다. 이 텍스트는 Shift 키를 누르면 편집기에 드롭할 수 있음을 사용자에게 알립니다.
editorGroup.dropIntoPromptBorder: 파일을 드래그할 때 편집기 위에 표시되는 텍스트의 테두리 색상입니다. 이 텍스트는 Shift 키를 누르면 편집기에 드롭할 수 있음을 사용자에게 알립니다.
tab.activeBackground: 활성 그룹의 활성 탭 배경색입니다.
tab.unfocusedActiveBackground: 비활성 편집기 그룹의 활성 탭 배경색입니다.
tab.activeForeground: 활성 그룹의 활성 탭 전경색입니다.
tab.border: 탭을 서로 구분하는 테두리입니다.
tab.activeBorder: 활성 탭의 하단 테두리입니다.
tab.selectedBorderTop: 선택된 탭 상단의 테두리입니다. 탭은 편집기 영역의 편집기 컨테이너입니다. 하나의 편집기 그룹에 여러 탭을 열 수 있습니다. 여러 편집기 그룹이 있을 수 있습니다.
tab.selectedBackground: 선택된 탭의 배경입니다. 탭은 편집기 영역의 편집기 컨테이너입니다. 하나의 편집기 그룹에 여러 탭을 열 수 있습니다. 여러 편집기 그룹이 있을 수 있습니다.
tab.selectedForeground: 선택된 탭의 전경입니다. 탭은 편집기 영역의 편집기 컨테이너입니다. 하나의 편집기 그룹에 여러 탭을 열 수 있습니다. 여러 편집기 그룹이 있을 수 있습니다.
tab.dragAndDropBorder: 탭을 두 탭 사이에 삽입할 수 있음을 나타내는 탭 간의 테두리입니다. 탭은 편집기 영역의 편집기 컨테이너입니다. 하나의 편집기 그룹에 여러 탭을 열 수 있습니다. 여러 편집기 그룹이 있을 수 있습니다.
tab.unfocusedActiveBorder: 비활성 편집기 그룹의 활성 탭 하단 테두리입니다.
tab.activeBorderTop: 활성 탭의 상단 테두리입니다.
tab.unfocusedActiveBorderTop: 비활성 편집기 그룹의 활성 탭 상단 테두리입니다.
tab.lastPinnedBorder: 고정되지 않은 편집기에서 분리하기 위한 마지막 고정 편집기의 오른쪽 테두리입니다.
tab.inactiveBackground: 비활성 탭 배경색입니다.
tab.unfocusedInactiveBackground: 포커스되지 않은 그룹의 비활성 탭 배경색입니다.
tab.inactiveForeground: 활성 그룹의 비활성 탭 전경색입니다.
tab.unfocusedActiveForeground: 비활성 편집기 그룹의 활성 탭 전경색입니다.
tab.unfocusedInactiveForeground: 비활성 편집기 그룹의 비활성 탭 전경색입니다.
tab.hoverBackground: 호버 시 탭 배경색입니다.
tab.unfocusedHoverBackground: 포커스되지 않은 그룹에서 호버 시 탭 배경색입니다.
tab.hoverForeground: 호버 시 탭 전경색입니다.
tab.unfocusedHoverForeground: 포커스되지 않은 그룹에서 호버 시 탭 전경색입니다.
tab.hoverBorder: 탭을 호버할 때 강조 표시하는 테두리입니다.
tab.unfocusedHoverBorder: 포커스되지 않은 그룹에서 탭을 호버할 때 강조 표시하는 테두리입니다.
tab.activeModifiedBorder: 활성 그룹의 수정됨(더티) 활성 탭 상단의 테두리입니다.
tab.inactiveModifiedBorder: 활성 그룹의 수정됨(더티) 비활성 탭 상단의 테두리입니다.
tab.unfocusedActiveModifiedBorder: 포커스되지 않은 그룹의 수정됨(더티) 활성 탭 상단의 테두리입니다.
tab.unfocusedInactiveModifiedBorder: 포커스되지 않은 그룹의 수정됨(더티) 비활성 탭 상단의 테두리입니다.
editorPane.background: 가운데 편집기 레이아웃의 왼쪽 및 오른쪽에 보이는 편집기 창 배경색입니다.
sideBySideEditor.horizontalBorder: 편집기 그룹에서 상하로 나란히 표시될 때 두 편집기를 서로 분리하는 색상입니다.
sideBySideEditor.verticalBorder: 편집기 그룹에서 좌우로 나란히 표시될 때 두 편집기를 서로 분리하는 색상입니다.

편집기 색상

가장 눈에 띄는 편집기 색상은 구문 강조에 사용되는 토큰 색상이며 설치된 언어 문법을 기반으로 합니다. 이 색상은 색상 테마에 의해 정의되지만 editor.tokenColorCustomizations 설정을 사용하여 사용자 지정할 수도 있습니다. 색상 테마 업데이트 및 사용 가능한 토큰 유형에 대한 자세한 내용은 색상 테마 사용자 지정을 참조하십시오.

다른 모든 편집기 색상은 여기에 나열되어 있습니다.

editor.background: 편집기 배경색입니다.
editor.foreground: 편집기 기본 전경색입니다.
editorLineNumber.foreground: 편집기 줄 번호 색상입니다.
editorLineNumber.activeForeground: 활성 편집기 줄 번호 색상입니다.
editorLineNumber.dimmedForeground: editor.renderFinalNewline이 dimmed로 설정된 경우 최종 편집기 줄의 색상입니다.
editorCursor.background: 편집기 커서의 배경색입니다. 블록 커서로 덮인 문자의 색상을 사용자 지정할 수 있습니다.
editorCursor.foreground: 편집기 커서 색상입니다.
editorMultiCursor.primary.foreground: 여러 커서가 있는 경우 기본 편집기 커서 색상입니다.
editorMultiCursor.primary.background: 여러 커서가 있는 경우 기본 편집기 커서의 배경색입니다. 블록 커서로 덮인 문자의 색상을 사용자 지정할 수 있습니다.
editorMultiCursor.secondary.foreground: 여러 커서가 있는 경우 보조 편집기 커서 색상입니다.
editorMultiCursor.secondary.background: 여러 커서가 있는 경우 보조 편집기 커서의 배경색입니다. 블록 커서로 덮인 문자의 색상을 사용자 지정할 수 있습니다.
editor.placeholder.foreground: 편집기 자리 표시자 텍스트의 전경색입니다.
editor.compositionBorder: IME 구성의 테두리 색상입니다.

선택 항목 색상은 하나 이상의 문자를 선택할 때 표시됩니다. 선택 항목 외에도 동일한 콘텐츠를 가진 모든 영역이 강조 표시됩니다.

selection highlight

editor.selectionBackground: 편집기 선택 항목 색상입니다.
editor.selectionForeground: 고대비를 위한 선택된 텍스트 색상입니다.
editor.inactiveSelectionBackground: 비활성 편집기에서 선택 항목의 색상입니다. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.selectionHighlightBackground: 선택 항목과 동일한 콘텐츠를 가진 영역의 색상입니다. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.selectionHighlightBorder: 선택 항목과 동일한 콘텐츠를 가진 영역의 테두리 색상입니다.

단어 강조 표시 색상은 커서가 기호 또는 단어 내에 있을 때 표시됩니다. 파일 형식에 대한 언어 지원에 따라 일치하는 모든 참조 및 선언이 강조 표시되며 읽기 및 쓰기 액세스는 다른 색상을 갖습니다. 문서 기호 언어 지원을 사용할 수 없는 경우 단어 강조 표시로 대체됩니다.

occurrences

editor.wordHighlightBackground: 읽기 액세스 중 기호의 배경색입니다. 예: 변수 읽기. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.wordHighlightBorder: 읽기 액세스 중 기호의 테두리 색상입니다. 예: 변수 읽기.
editor.wordHighlightStrongBackground: 쓰기 액세스 중 기호의 배경색입니다. 예: 변수 쓰기. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.wordHighlightStrongBorder: 쓰기 액세스 중 기호의 테두리 색상입니다. 예: 변수 쓰기.
editor.wordHighlightTextBackground: 기호에 대한 텍스트 발생의 배경색입니다. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.wordHighlightTextBorder: 기호에 대한 텍스트 발생의 테두리 색상입니다.

찾기 색상은 찾기/바꾸기 대화 상자의 현재 찾기 문자열에 따라 달라집니다.

Find matches

editor.findMatchBackground: 현재 검색 일치 항목의 색상입니다.
editor.findMatchForeground: 현재 검색 일치 항목의 텍스트 색상입니다.
editor.findMatchHighlightForeground: 다른 검색 일치 항목의 전경색입니다.
editor.findMatchHighlightBackground: 다른 검색 일치 항목의 색상입니다. 색상이 불투명해서는 안 되므로 기본 장식을 숨기지 않아야 합니다.
editor.findRangeHighlightBackground: 검색 범위를 강조 표시하는 색상 (검색 위젯에서 '선택 영역에서 찾기' 활성화). 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editor.findMatchBorder: 현재 검색 일치 항목의 테두리 색상.
editor.findMatchHighlightBorder: 다른 검색 일치 항목의 테두리 색상.
editor.findRangeHighlightBorder: 검색 범위를 제한하는 범위의 테두리 색상 (검색 위젯에서 '선택 영역에서 찾기' 활성화).

검색 색상은 검색 뷰어의 전역 검색 결과에 사용됩니다.

search.resultsInfoForeground: 검색 뷰어의 완료 메시지 텍스트 색상. 예를 들어, 이 색상은 "{x}개의 결과가 {y}개의 파일에 있습니다"라는 텍스트에 사용됩니다.

검색 편집기 색상은 검색 편집기에서 결과를 강조 표시합니다. 이는 동일한 편집기 내에서 다른 종류의 일치 항목을 더 잘 구분하기 위해 다른 찾기 일치 항목과 별도로 구성할 수 있습니다.

Search Editor Matches

searchEditor.findMatchBackground: 편집기 결과의 배경색.
searchEditor.findMatchBorder: 편집기 결과의 테두리 색상.
searchEditor.textInputBorder: 검색 편집기 텍스트 입력란 테두리.

호버 하이라이트는 호버가 표시되는 기호 뒤에 표시됩니다.

Hover Highlight

editor.hoverHighlightBackground: 호버가 표시되는 단어 아래에 강조 표시되는 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.

현재 줄은 일반적으로 배경 강조 표시 또는 테두리(둘 다 아님)로 표시됩니다.

Line Highlight

editor.lineHighlightBackground: 커서 위치의 줄 강조 표시 배경색.
editor.inactiveLineHighlightBackground: 편집기가 포커스를 받지 않았을 때 커서 위치의 줄 강조 표시 배경색.
editor.lineHighlightBorder: 커서 위치의 줄 주변 테두리 배경색.

유니코드 강조 표시 색상

editorUnicodeHighlight.border: 유니코드 문자를 강조 표시하는 데 사용되는 테두리 색상.
editorUnicodeHighlight.background: 유니코드 문자를 강조 표시하는 데 사용되는 배경색.

링크 색상은 링크를 클릭할 때 표시됩니다.

Link

editorLink.activeForeground: 활성 링크 색상.

범위 강조 표시는 검색 결과 선택 시 표시됩니다.

Range Highlight

editor.rangeHighlightBackground: 강조 표시된 범위의 배경색. Quick Open, 파일 내 기호 및 찾기 기능에서 사용됩니다. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editor.rangeHighlightBorder: 강조 표시된 범위 주변 테두리의 배경색.

기호 강조 표시는 **정의로 이동**과 같은 명령을 통해 기호로 이동할 때 표시됩니다.

editor.symbolHighlightBackground: 강조 표시된 기호의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editor.symbolHighlightBorder: 강조 표시된 기호 주변 테두리의 배경색.

편집기 공백을 보려면 **공백 렌더링 전환**을 활성화하세요.

editorWhitespace.foreground: 편집기 내 공백 문자의 색상.

편집기 들여쓰기 가이드를 보려면 "editor.guides.indentation": true 및 "editor.guides.highlightActiveIndentation": true를 설정하세요.

editorIndentGuide.background: 편집기 들여쓰기 가이드 색상.
editorIndentGuide.background1: 편집기 들여쓰기 가이드 색상 (1).
editorIndentGuide.background2: 편집기 들여쓰기 가이드 색상 (2).
editorIndentGuide.background3: 편집기 들여쓰기 가이드 색상 (3).
editorIndentGuide.background4: 편집기 들여쓰기 가이드 색상 (4).
editorIndentGuide.background5: 편집기 들여쓰기 가이드 색상 (5).
editorIndentGuide.background6: 편집기 들여쓰기 가이드 색상 (6).
editorIndentGuide.activeBackground: 활성 편집기 들여쓰기 가이드 색상.
editorIndentGuide.activeBackground1: 활성 편집기 들여쓰기 가이드 색상 (1).
editorIndentGuide.activeBackground2: 활성 편집기 들여쓰기 가이드 색상 (2).
editorIndentGuide.activeBackground3: 활성 편집기 들여쓰기 가이드 색상 (3).
editorIndentGuide.activeBackground4: 활성 편집기 들여쓰기 가이드 색상 (4).
editorIndentGuide.activeBackground5: 활성 편집기 들여쓰기 가이드 색상 (5).
editorIndentGuide.activeBackground6: 활성 편집기 들여쓰기 가이드 색상 (6).

편집기 인라인 힌트를 보려면 "editor.inlineSuggest.enabled": true를 설정하세요.

editorInlayHint.background: 인라인 힌트의 배경색.
editorInlayHint.foreground: 인라인 힌트의 전경색.
editorInlayHint.typeForeground: 타입에 대한 인라인 힌트의 전경색.
editorInlayHint.typeBackground: 타입에 대한 인라인 힌트의 배경색.
editorInlayHint.parameterForeground: 매개변수에 대한 인라인 힌트의 전경색.
editorInlayHint.parameterBackground: 매개변수에 대한 인라인 힌트의 배경색.

편집기 눈금자를 보려면 "editor.rulers"로 위치를 정의하세요.

editorRuler.foreground: 편집기 눈금자 색상.
editor.linkedEditingBackground: 편집기가 연결된 편집 모드일 때의 배경색.

CodeLens

editorCodeLens.foreground: 편집기 CodeLens의 전경색.

전구

editorLightBulb.foreground: 전구 작업 아이콘에 사용되는 색상.
editorLightBulbAutoFix.foreground: 전구 자동 수정 작업 아이콘에 사용되는 색상.
editorLightBulbAi.foreground: 전구 AI 아이콘에 사용되는 색상.

괄호 일치

Bracket colors

editorBracketMatch.background: 일치하는 괄호 뒤의 배경색.
editorBracketMatch.border: 일치하는 괄호 상자 색상.

괄호 쌍 색상 지정

editorBracketHighlight.foreground1: 괄호 색상 (1). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.foreground2: 괄호 색상 (2). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.foreground3: 괄호 색상 (3). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.foreground4: 괄호 색상 (4). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.foreground5: 괄호 색상 (5). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.foreground6: 괄호 색상 (6). 괄호 쌍 색상 지정을 활성화해야 합니다.
editorBracketHighlight.unexpectedBracket.foreground: 예상치 못한 괄호의 전경색.

괄호 쌍 가이드

editorBracketPairGuide.activeBackground1: 활성 괄호 쌍 가이드 배경색 (1). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.activeBackground2: 활성 괄호 쌍 가이드 배경색 (2). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.activeBackground3: 활성 괄호 쌍 가이드 배경색 (3). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.activeBackground4: 활성 괄호 쌍 가이드 배경색 (4). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.activeBackground5: 활성 괄호 쌍 가이드 배경색 (5). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.activeBackground6: 활성 괄호 쌍 가이드 배경색 (6). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background1: 비활성 괄호 쌍 가이드 배경색 (1). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background2: 비활성 괄호 쌍 가이드 배경색 (2). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background3: 비활성 괄호 쌍 가이드 배경색 (3). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background4: 비활성 괄호 쌍 가이드 배경색 (4). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background5: 비활성 괄호 쌍 가이드 배경색 (5). 괄호 쌍 가이드를 활성화해야 합니다.
editorBracketPairGuide.background6: 비활성 괄호 쌍 가이드 배경색 (6). 괄호 쌍 가이드를 활성화해야 합니다.

폴딩

editor.foldBackground: 접힌 범위의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editor.foldPlaceholderForeground: 접힌 범위의 첫 번째 줄 뒤에 오는 축소된 텍스트 색상.

개요 눈금자

이 눈금자는 편집기 오른쪽 가장자리 스크롤 막대 아래에 위치하며 편집기의 장식에 대한 개요를 제공합니다.

editorOverviewRuler.background: 편집기 개요 눈금자의 배경색. 미니맵이 활성화되고 편집기의 오른쪽에 배치될 때만 사용됩니다.
editorOverviewRuler.border: 개요 눈금자 테두리 색상.
editorOverviewRuler.findMatchForeground: 찾기 일치 항목에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.rangeHighlightForeground: Quick Open, 파일 내 기호 및 찾기 기능 등으로 강조 표시된 범위에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.selectionHighlightForeground: 선택 영역 강조 표시에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.wordHighlightForeground: 기호 강조 표시에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.wordHighlightStrongForeground: 쓰기 액세스 기호 강조 표시에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.wordHighlightTextForeground: 기호의 텍스트 발생에 대한 개요 눈금자 마커 색상. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.modifiedForeground: 수정된 콘텐츠에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.addedForeground: 추가된 콘텐츠에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.deletedForeground: 삭제된 콘텐츠에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.errorForeground: 오류에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.warningForeground: 경고에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.infoForeground: 정보에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.bracketMatchForeground: 일치하는 괄호에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.inlineChatInserted: 인라인 채팅 삽입된 콘텐츠에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.inlineChatRemoved: 인라인 채팅 제거된 콘텐츠에 대한 개요 눈금자 마커 색상.
editorOverviewRuler.commentDraftForeground: 초안 댓글이 있는 댓글 스레드에 대한 편집기 개요 눈금자 장식 색상. 이 색상은 불투명해야 합니다.

오류 및 경고

editorError.foreground: 편집기의 오류 물결선의 전경색.
editorError.border: 편집기의 오류 상자 테두리 색상.
editorError.background: 편집기의 오류 텍스트 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorWarning.foreground: 편집기의 경고 물결선의 전경색.
editorWarning.border: 편집기의 경고 상자 테두리 색상.
editorWarning.background: 편집기의 경고 텍스트 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorInfo.foreground: 편집기의 정보 물결선의 전경색.
editorInfo.border: 편집기의 정보 상자 테두리 색상.
editorInfo.background: 편집기의 정보 텍스트 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorHint.foreground: 편집기 힌트의 전경색.
editorHint.border: 편집기 힌트 상자 테두리 색상.
problemsErrorIcon.foreground: 문제 오류 아이콘에 사용되는 색상.
problemsWarningIcon.foreground: 문제 경고 아이콘에 사용되는 색상.
problemsInfoIcon.foreground: 문제 정보 아이콘에 사용되는 색상.

사용되지 않는 소스 코드

editorUnnecessaryCode.border: 편집기에서 사용되지 않는(불필요한) 소스 코드의 테두리 색상.
editorUnnecessaryCode.opacity: 편집기에서 사용되지 않는(불필요한) 소스 코드의 불투명도. 예를 들어, "#000000c0"는 75% 불투명도로 코드를 렌더링합니다. 고대비 테마의 경우 "editorUnnecessaryCode.border" 테마 색상을 사용하여 코드를 흐리게 하는 대신 밑줄을 긋습니다.

여백에는 글리프 여백과 줄 번호가 포함됩니다.

editorGutter.background: 편집기 여백의 배경색. 여백에는 글리프 여백과 줄 번호가 포함됩니다.
editorGutter.modifiedBackground: 수정된 줄에 대한 편집기 여백 배경색.
editorGutter.modifiedSecondaryBackground: 수정된 줄에 대한 편집기 보조 여백 배경색.
editorGutter.addedBackground: 추가된 줄에 대한 편집기 여백 배경색.
editorGutter.addedSecondaryBackground: 추가된 줄에 대한 편집기 보조 여백 배경색.
editorGutter.deletedBackground: 삭제된 줄에 대한 편집기 여백 배경색.
editorGutter.deletedSecondaryBackground: 삭제된 줄에 대한 편집기 보조 여백 배경색.
editorGutter.commentRangeForeground: 주석 범위에 대한 편집기 여백 장식 색상.
editorGutter.commentGlyphForeground: 주석 글리프에 대한 편집기 여백 장식 색상.
editorGutter.commentUnresolvedGlyphForeground: 해결되지 않은 댓글 스레드에 대한 주석 글리프에 대한 편집기 여백 장식 색상.
editorGutter.foldingControlForeground: 편집기 여백의 접기 컨트롤 색상.
editorGutter.itemGlyphForeground: 여백 항목 글리프에 대한 편집기 여백 장식 색상.
editorGutter.itemBackground: 여백 항목 배경에 대한 편집기 여백 장식 색상. 이 색상은 불투명해야 합니다.
editorGutter.commentDraftGlyphForeground: 초안 댓글이 있는 댓글 스레드에 대한 주석 글리프에 대한 편집기 여백 장식 색상.

편집기 댓글 위젯은 풀 요청을 검토할 때 볼 수 있습니다.

editorCommentsWidget.resolvedBorder: 해결된 댓글의 테두리 및 화살표 색상.
editorCommentsWidget.unresolvedBorder: 해결되지 않은 댓글의 테두리 및 화살표 색상.
editorCommentsWidget.rangeBackground: 댓글 범위의 배경색.
editorCommentsWidget.rangeActiveBackground: 현재 선택되거나 호버된 댓글 범위의 배경색.
editorCommentsWidget.replyInputBackground: 댓글 답장 입력란의 배경색.

편집기 인라인 편집은 Copilot을 사용하여 다음에 만들 변경 사항을 제안할 때 볼 수 있습니다.

inlineEdit.gutterIndicator.primaryBorder: 기본 인라인 편집 여백 표시기의 테두리 색상.
inlineEdit.gutterIndicator.primaryForeground: 기본 인라인 편집 여백 표시기의 전경색.
inlineEdit.gutterIndicator.primaryBackground: 기본 인라인 편집 여백 표시기의 배경색.
inlineEdit.gutterIndicator.secondaryBorder: 보조 인라인 편집 여백 표시기의 테두리 색상.
inlineEdit.gutterIndicator.secondaryForeground: 보조 인라인 편집 여백 표시기의 전경색.
inlineEdit.gutterIndicator.secondaryBackground: 보조 인라인 편집 여백 표시기의 배경색.
inlineEdit.gutterIndicator.successfulBorder: 성공적인 인라인 편집 여백 표시기의 테두리 색상.
inlineEdit.gutterIndicator.successfulForeground: 성공적인 인라인 편집 여백 표시기의 전경색.
inlineEdit.gutterIndicator.successfulBackground: 성공적인 인라인 편집 여백 표시기의 배경색.
inlineEdit.gutterIndicator.background: 인라인 편집 여백 표시기의 배경색.
inlineEdit.originalBackground: 인라인 편집의 원본 텍스트 배경색.
inlineEdit.modifiedBackground: 인라인 편집의 수정된 텍스트 배경색.
inlineEdit.originalChangedLineBackground: 인라인 편집의 원본 텍스트에서 변경된 줄의 배경색.
inlineEdit.originalChangedTextBackground: 인라인 편집의 원본 텍스트에서 변경된 텍스트의 오버레이 색상.
inlineEdit.modifiedChangedLineBackground: 인라인 편집의 수정된 텍스트에서 변경된 줄의 배경색.
inlineEdit.modifiedChangedTextBackground: 인라인 편집의 수정된 텍스트에서 변경된 텍스트의 오버레이 색상.
inlineEdit.originalBorder: 인라인 편집의 원본 텍스트 테두리 색상.
inlineEdit.modifiedBorder: 인라인 편집의 수정된 텍스트 테두리 색상.
inlineEdit.tabWillAcceptModifiedBorder: 탭이 수락할 때 인라인 편집 위젯의 수정된 테두리 색상.
inlineEdit.tabWillAcceptOriginalBorder: 탭이 수락할 때 원본 텍스트 위 인라인 편집 위젯의 원본 테두리 색상.

Diff 편집기 색상

삽입 및 삭제된 텍스트를 색칠하려면 배경 또는 테두리 색상 중 하나를 사용하고 둘 다 사용하지 마십시오.

diffEditor.insertedTextBackground: 삽입된 텍스트의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
diffEditor.insertedTextBorder: 삽입된 텍스트의 외곽선 색상.
diffEditor.removedTextBackground: 삭제된 텍스트의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
diffEditor.removedTextBorder: 삭제된 텍스트의 외곽선 색상.
diffEditor.border: 두 텍스트 편집기 간의 테두리 색상.
diffEditor.diagonalFill: Diff 편집기의 대각선 채우기 색상. 대각선 채우기는 나란히 있는 Diff 뷰에서 사용됩니다.
diffEditor.insertedLineBackground: 삽입된 줄의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
diffEditor.removedLineBackground: 삭제된 줄의 배경색. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
diffEditorGutter.insertedLineBackground: 삽입된 줄이 있는 여백의 배경색.
diffEditorGutter.removedLineBackground: 삭제된 줄이 있는 여백의 배경색.
diffEditorOverview.insertedForeground: 삽입된 콘텐츠에 대한 Diff 개요 눈금자 전경색.
diffEditorOverview.removedForeground: 삭제된 콘텐츠에 대한 Diff 개요 눈금자 전경색.
diffEditor.unchangedRegionBackground: Diff 편집기에서 변경되지 않은 블록의 색상.
diffEditor.unchangedRegionForeground: Diff 편집기에서 변경되지 않은 블록의 전경색.
diffEditor.unchangedRegionShadow: 변경되지 않은 영역 위젯 주위의 그림자 색상.
diffEditor.unchangedCodeBackground: Diff 편집기에서 변경되지 않은 코드의 배경색.
diffEditor.move.border: Diff 편집기에서 이동된 텍스트의 테두리 색상.
diffEditor.moveActive.border: Diff 편집기에서 이동된 텍스트의 활성 테두리 색상.
multiDiffEditor.headerBackground: Diff 편집기 헤더의 배경색.
multiDiffEditor.background: 다중 파일 Diff 편집기의 배경색.
multiDiffEditor.border: 다중 파일 Diff 편집기의 테두리 색상.

채팅 색상

chat.requestBorder: 채팅 요청의 테두리 색상.
chat.requestBackground: 채팅 요청의 배경색.
chat.slashCommandBackground: 채팅 슬래시 명령의 배경색.
chat.slashCommandForeground: 채팅 슬래시 명령의 전경색.
chat.avatarBackground: 채팅 아바타의 배경색.
chat.avatarForeground: 채팅 아바타의 전경색.
chat.editedFileForeground: 편집된 파일 목록에서 채팅 편집된 파일의 전경색.
chat.linesAddedForeground: 채팅 코드 블록 필의 추가된 줄의 전경색.
chat.linesRemovedForeground: 채팅 코드 블록 필의 삭제된 줄의 전경색.
chat.requestCodeBorder: 채팅 요청 버블 내 코드 블록의 테두리 색상.
chat.requestBubbleBackground: 채팅 요청 버블의 배경색.
chat.requestBubbleHoverBackground: 호버 시 채팅 요청 버블의 배경색.
chat.checkpointSeparator: 채팅 체크포인트 구분선 색상.
chatManagement.sashBorder: 채팅 관리 편집기 분할 보기 sash 테두리 색상.

인라인 채팅 색상

inlineChat.background: 대화형 편집기 위젯의 배경색.
inlineChat.foreground: 대화형 편집기 위젯의 전경색.
inlineChat.border: 대화형 편집기 위젯의 테두리 색상.
inlineChat.shadow: 대화형 편집기 위젯의 그림자 색상.
inlineChatInput.border: 대화형 편집기 입력의 테두리 색상.
inlineChatInput.focusBorder: 포커스 시 대화형 편집기 입력의 테두리 색상.
inlineChatInput.placeholderForeground: 대화형 편집기 입력 자리 표시자 전경색.
inlineChatInput.background: 대화형 편집기 입력의 배경색.
inlineChatDiff.inserted: 대화형 편집기 입력의 삽입된 텍스트 배경색.
inlineChatDiff.removed: 대화형 편집기 입력의 삭제된 텍스트 배경색.

패널 채팅 색상

interactive.activeCodeBorder: 편집기에 포커스가 있을 때 현재 대화형 코드 셀의 테두리 색상.
interactive.inactiveCodeBorder: 편집기에 포커스가 없을 때 현재 대화형 코드 셀의 테두리 색상.

편집기 위젯은 편집기 콘텐츠 앞에 표시됩니다. 예로는 찾기/바꾸기 대화 상자, 제안 위젯 및 편집기 호버가 있습니다.

editorWidget.foreground: 찾기/바꾸기와 같은 편집기 위젯의 전경색.
editorWidget.background: 찾기/바꾸기와 같은 편집기 위젯의 배경색.
editorWidget.border: 위젯에 테두리가 없거나 자체 테두리 색상을 정의하는 경우가 아니면 편집기 위젯의 테두리 색상.
editorWidget.resizeBorder: 편집기 위젯의 크기 조정 막대의 테두리 색상. 위젯이 크기 조정 테두리를 가지도록 선택했고 색상이 위젯에 의해 재정의되지 않은 경우에만 사용됩니다.
editorSuggestWidget.background: 제안 위젯의 배경색.
editorSuggestWidget.border: 제안 위젯의 테두리 색상.
editorSuggestWidget.foreground: 제안 위젯의 전경색.
editorSuggestWidget.focusHighlightForeground: 항목이 포커스를 받았을 때 제안 위젯의 일치 항목 강조 표시 색상.
editorSuggestWidget.highlightForeground: 제안 위젯의 일치 항목 강조 표시 색상.
editorSuggestWidget.selectedBackground: 제안 위젯의 선택된 항목 배경색.
editorSuggestWidget.selectedForeground: 제안 위젯의 선택된 항목 전경색.
editorSuggestWidget.selectedIconForeground: 제안 위젯의 선택된 항목 아이콘 전경색.
editorSuggestWidgetStatus.foreground: 제안 위젯 상태 전경색.
editorHoverWidget.foreground: 편집기 호버의 전경색.
editorHoverWidget.background: 편집기 호버의 배경색.
editorHoverWidget.border: 편집기 호버의 테두리 색상.
editorHoverWidget.highlightForeground: 매개변수 힌트의 활성 항목 전경색.
editorHoverWidget.statusBarBackground: 편집기 호버 상태 표시줄 배경색.
editorGhostText.border: 인라인 완성 제공자 및 제안 미리보기에 의해 표시되는 유령 텍스트의 테두리 색상.
editorGhostText.background: 편집기 내 유령 텍스트의 배경색.
editorGhostText.foreground: 인라인 완성 제공자 및 제안 미리보기에 의해 표시되는 유령 텍스트의 전경색.
editorStickyScroll.background: 편집기 고정 스크롤 배경색.
editorStickyScroll.border: 편집기 내 고정 스크롤 테두리 색상.
editorStickyScroll.shadow: 편집기 내 고정 스크롤 그림자 색상.
editorStickyScrollGutter.background: 편집기 내 고정 스크롤의 여백 부분 배경색.
editorStickyScrollHover.background: 편집기 고정 스크롤 호버 시 배경색.

디버그 예외 위젯은 디버그가 예외에서 중지될 때 편집기에 표시되는 피크 보기입니다.

debugExceptionWidget.background: 예외 위젯 배경색.
debugExceptionWidget.border: 예외 위젯 테두리 색상.

편집기 마커 보기는 편집기에서 오류 및 경고로 이동할 때 표시됩니다 (**다음 오류 또는 경고로 이동** 명령).

editorMarkerNavigation.background: 편집기 마커 탐색 위젯 배경.
editorMarkerNavigationError.background: 편집기 마커 탐색 위젯 오류 색상.
editorMarkerNavigationWarning.background: 편집기 마커 탐색 위젯 경고 색상.
editorMarkerNavigationInfo.background: 편집기 마커 탐색 위젯 정보 색상.
editorMarkerNavigationError.headerBackground: 편집기 마커 탐색 위젯 오류 헤더 배경.
editorMarkerNavigationWarning.headerBackground: 편집기 마커 탐색 위젯 경고 헤더 배경.
editorMarkerNavigationInfo.headerBackground: 편집기 마커 탐색 위젯 정보 헤더 배경.

피크 보기 색상

피크 보기는 참조 및 선언을 편집기 내의 보기로 표시하는 데 사용됩니다.

Peek view

peekView.border: 피크 보기 테두리 및 화살표 색상.
peekViewEditor.background: 피크 보기 편집기 배경색.
peekViewEditorGutter.background: 피크 보기 편집기 여백 배경색.
peekViewEditor.matchHighlightBackground: 피크 보기 편집기 내 일치 항목 강조 표시 색상.
peekViewEditor.matchHighlightBorder: 피크 보기 편집기 내 일치 항목 강조 표시 테두리 색상.
peekViewResult.background: 피크 보기 결과 목록 배경색.
peekViewResult.fileForeground: 피크 보기 결과 목록의 파일 노드 전경색.
peekViewResult.lineForeground: 피크 보기 결과 목록의 줄 노드 전경색.
peekViewResult.matchHighlightBackground: 피크 보기 결과 목록 내 일치 항목 강조 표시 색상.
peekViewResult.selectionBackground: 피크 보기 결과 목록의 선택된 항목 배경색.
peekViewResult.selectionForeground: 피크 보기 결과 목록의 선택된 항목 전경색.
peekViewTitle.background: 피크 보기 제목 영역 배경색.
peekViewTitleDescription.foreground: 피크 보기 정보 색상.
peekViewTitleLabel.foreground: 피크 보기 제목 색상.
peekViewEditorStickyScroll.background: 피크 보기 편집기 내 고정 스크롤 배경색.
peekViewEditorStickyScrollGutter.background: 피크 보기 편집기 내 고정 스크롤의 여백 부분 배경색.

병합 충돌 색상

병합 충돌 장식은 편집기에 특수 Diff 범위가 포함되어 있을 때 표시됩니다.

Merge ranges

merge.currentHeaderBackground: 인라인 병합 충돌의 현재 헤더 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
merge.currentContentBackground: 인라인 병합 충돌의 현재 콘텐츠 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
merge.incomingHeaderBackground: 인라인 병합 충돌의 수신 헤더 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
merge.incomingContentBackground: 인라인 병합 충돌의 수신 콘텐츠 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
merge.border: 인라인 병합 충돌의 헤더 및 분할선의 테두리 색상.
merge.commonContentBackground: 인라인 병합 충돌에서 공통 조상 콘텐츠 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
merge.commonHeaderBackground: 인라인 병합 충돌에서 공통 조상 헤더 배경. 아래 장식을 가리지 않도록 불투명하지 않아야 합니다.
editorOverviewRuler.currentContentForeground: 인라인 병합 충돌에 대한 현재 개요 눈금자 전경색.
editorOverviewRuler.incomingContentForeground: 인라인 병합 충돌에 대한 들어오는 개요 줄 테두리 색상입니다.
editorOverviewRuler.commonContentForeground: 인라인 병합 충돌에 대한 공통 조상 개요 줄 테두리 색상입니다.
editorOverviewRuler.commentForeground: 해결된 주석에 대한 편집기 개요 줄 테두리 장식 색상입니다. 이 색상은 불투명해야 합니다.
editorOverviewRuler.commentUnresolvedForeground: 해결되지 않은 주석에 대한 편집기 개요 줄 테두리 장식 색상입니다. 이 색상은 불투명해야 합니다.
mergeEditor.change.background: 변경 사항의 배경색입니다.
mergeEditor.change.word.background: 단어 변경 사항의 배경색입니다.
mergeEditor.conflict.unhandledUnfocused.border: 처리되지 않은 포커스 해제된 충돌의 테두리 색상입니다.
mergeEditor.conflict.unhandledFocused.border: 처리되지 않은 포커스된 충돌의 테두리 색상입니다.
mergeEditor.conflict.handledUnfocused.border: 처리된 포커스 해제된 충돌의 테두리 색상입니다.
mergeEditor.conflict.handledFocused.border: 처리된 포커스된 충돌의 테두리 색상입니다.
mergeEditor.conflict.handled.minimapOverViewRuler: 입력 1의 변경 사항에 대한 전경색입니다.
mergeEditor.conflict.unhandled.minimapOverViewRuler: 입력 1의 변경 사항에 대한 전경색입니다.
mergeEditor.conflictingLines.background: "충돌하는 줄" 텍스트의 배경입니다.
mergeEditor.changeBase.background: 기본의 변경 사항에 대한 배경색입니다.
mergeEditor.changeBase.word.background: 기본의 단어 변경 사항에 대한 배경색입니다.
mergeEditor.conflict.input1.background: 입력 1의 장식에 대한 배경색입니다.
mergeEditor.conflict.input2.background: 입력 2의 장식에 대한 배경색입니다.

패널 색상

패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.

panel.background: 패널 배경색입니다.
panel.border: 패널과 편집기를 분리하는 패널 테두리 색상입니다.
panel.dropBorder: 패널 제목의 끌어서 놓기 피드백 색상입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelTitle.activeBorder: 활성 패널 제목의 테두리 색상입니다.
panelTitle.activeForeground: 활성 패널의 제목 색상입니다.
panelTitle.inactiveForeground: 비활성 패널의 제목 색상입니다.
panelTitle.border: 제목과 보기 사이를 분리하는 패널 제목 하단의 테두리 색상입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelTitleBadge.background: 패널 제목 배지 배경색입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelTitleBadge.foreground: 패널 제목 배지 전경색입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelInput.border: 패널 내 입력에 대한 입력 상자 테두리입니다.
panelSection.border: 패널에서 여러 보기가 가로로 쌓일 때 사용되는 패널 섹션 테두리 색상입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelSection.dropBackground: 패널 섹션의 끌어서 놓기 피드백 색상입니다. 색상에는 투명도가 포함되어 패널 섹션이 여전히 빛날 수 있도록 해야 합니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelSectionHeader.background: 패널 섹션 헤더 배경색입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelSectionHeader.foreground: 패널 섹션 헤더 전경색입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
panelStickyScroll.background: 패널의 고정 스크롤 배경색입니다.
panelStickyScroll.border: 패널의 고정 스크롤 테두리 색상입니다.
panelStickyScroll.shadow: 패널의 고정 스크롤 그림자 색상입니다.
panelSectionHeader.border: 패널에서 여러 보기가 세로로 쌓일 때 사용되는 패널 섹션 헤더 테두리 색상입니다. 패널은 편집기 영역 아래에 표시되며 출력 및 통합 터미널과 같은 보기를 포함합니다.
outputView.background: 출력 보기 배경색입니다.
outputViewStickyScroll.background: 출력 보기 고정 스크롤 배경색입니다.

상태 표시줄 색상

상태 표시줄은 워크벤치 하단에 표시됩니다.

statusBar.background: 표준 상태 표시줄 배경색입니다.
statusBar.foreground: 상태 표시줄 전경색입니다.
statusBar.border: 상태 표시줄과 편집기를 분리하는 상태 표시줄 테두리 색상입니다.
statusBar.debuggingBackground: 프로그램이 디버깅 중일 때의 상태 표시줄 배경색입니다.
statusBar.debuggingForeground: 프로그램이 디버깅 중일 때의 상태 표시줄 전경색입니다.
statusBar.debuggingBorder: 프로그램이 디버깅 중일 때 상태 표시줄과 편집기를 분리하는 상태 표시줄 테두리 색상입니다.
statusBar.noFolderForeground: 폴더가 열려 있지 않을 때의 상태 표시줄 전경색입니다.
statusBar.noFolderBackground: 폴더가 열려 있지 않을 때의 상태 표시줄 배경색입니다.
statusBar.noFolderBorder: 폴더가 열려 있지 않을 때 상태 표시줄과 편집기를 분리하는 상태 표시줄 테두리 색상입니다.
statusBarItem.activeBackground: 클릭 시 상태 표시줄 항목 배경색입니다.
statusBarItem.hoverForeground: 마우스를 올렸을 때 상태 표시줄 항목 전경색입니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.hoverBackground: 마우스를 올렸을 때 상태 표시줄 항목 배경색입니다.
statusBarItem.prominentForeground: 상태 표시줄 주요 항목 전경색입니다.
statusBarItem.prominentBackground: 상태 표시줄 주요 항목 배경색입니다.
statusBarItem.prominentHoverForeground: 마우스를 올렸을 때 상태 표시줄 주요 항목 전경색입니다. 주요 항목은 중요도를 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.prominentHoverBackground: 마우스를 올렸을 때 상태 표시줄 주요 항목 배경색입니다.
statusBarItem.remoteBackground: 상태 표시줄의 원격 표시기 배경색입니다.
statusBarItem.remoteForeground: 상태 표시줄의 원격 표시기 전경색입니다.
statusBarItem.remoteHoverBackground: 마우스를 올렸을 때 상태 표시줄의 원격 표시기 배경색입니다.
statusBarItem.remoteHoverForeground: 마우스를 올렸을 때 상태 표시줄의 원격 표시기 전경색입니다.
statusBarItem.errorBackground: 상태 표시줄 오류 항목 배경색입니다. 오류 항목은 오류 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다.
statusBarItem.errorForeground: 상태 표시줄 오류 항목 전경색입니다. 오류 항목은 오류 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다.
statusBarItem.errorHoverBackground: 마우스를 올렸을 때 상태 표시줄 오류 항목 배경색입니다. 오류 항목은 오류 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.errorHoverForeground: 마우스를 올렸을 때 상태 표시줄 오류 항목 전경색입니다. 오류 항목은 오류 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.warningBackground: 상태 표시줄 경고 항목 배경색입니다. 경고 항목은 경고 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.warningForeground: 상태 표시줄 경고 항목 전경색입니다. 경고 항목은 경고 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.warningHoverBackground: 마우스를 올렸을 때 상태 표시줄 경고 항목 배경색입니다. 경고 항목은 경고 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.warningHoverForeground: 마우스를 올렸을 때 상태 표시줄 경고 항목 전경색입니다. 경고 항목은 경고 조건을 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.compactHoverBackground: 두 개의 호버가 포함된 항목에 마우스를 올렸을 때 상태 표시줄 항목 배경색입니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.focusBorder: 키보드 탐색 중 포커스된 상태 표시줄 항목 테두리 색상입니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBar.focusBorder: 키보드 탐색 중 포커스된 상태 표시줄 테두리 색상입니다. 상태 표시줄은 창 하단에 표시됩니다.
statusBarItem.offlineBackground: 워크벤치가 오프라인일 때 상태 표시줄 항목 배경색입니다.
statusBarItem.offlineForeground: 워크벤치가 오프라인일 때 상태 표시줄 항목 전경색입니다.
statusBarItem.offlineHoverForeground: 워크벤치가 오프라인일 때 상태 표시줄 항목 마우스 오버 전경색입니다.
statusBarItem.offlineHoverBackground: 워크벤치가 오프라인일 때 상태 표시줄 항목 마우스 오버 배경색입니다.

주요 항목은 중요도를 나타내기 위해 다른 상태 표시줄 항목과 구분됩니다. 한 가지 예는 탭 키로 포커스 전환 명령 변경 모드 표시기입니다.

제목 표시줄 색상

titleBar.activeBackground: 창이 활성 상태일 때의 제목 표시줄 배경색입니다.
titleBar.activeForeground: 창이 활성 상태일 때의 제목 표시줄 전경색입니다.
titleBar.inactiveBackground: 창이 비활성 상태일 때의 제목 표시줄 배경색입니다.
titleBar.inactiveForeground: 창이 비활성 상태일 때의 제목 표시줄 전경색입니다.
titleBar.border: 제목 표시줄 테두리 색상입니다.

menubar.selectionForeground: 메뉴 모음에서 선택된 메뉴 항목의 전경색입니다.
menubar.selectionBackground: 메뉴 모음에서 선택된 메뉴 항목의 배경색입니다.
menubar.selectionBorder: 메뉴 모음에서 선택된 메뉴 항목의 테두리 색상입니다.
menu.foreground: 메뉴 항목의 전경색입니다.
menu.background: 메뉴 항목의 배경색입니다.
menu.selectionForeground: 메뉴에서 선택된 메뉴 항목의 전경색입니다.
menu.selectionBackground: 메뉴에서 선택된 메뉴 항목의 배경색입니다.
menu.selectionBorder: 메뉴에서 선택된 메뉴 항목의 테두리 색상입니다.
menu.separatorBackground: 메뉴의 구분선 메뉴 항목 색상입니다.
menu.border: 메뉴의 테두리 색상입니다.

명령 센터 색상

commandCenter.foreground: 명령 센터의 전경색입니다.
commandCenter.activeForeground: 명령 센터의 활성 전경색입니다.
commandCenter.background: 명령 센터의 배경색입니다.
commandCenter.activeBackground: 명령 센터의 활성 배경색입니다.
commandCenter.border: 명령 센터의 테두리 색상입니다.
commandCenter.inactiveForeground: 창이 비활성일 때 명령 센터의 전경색입니다.
commandCenter.inactiveBorder: 창이 비활성일 때 명령 센터의 테두리 색상입니다.
commandCenter.activeBorder: 명령 센터의 활성 테두리 색상입니다.
commandCenter.debuggingBackground: 프로그램이 디버깅 중일 때 명령 센터 배경색입니다.

알림 색상

알림 토스트는 워크벤치 오른쪽 하단에서 위로 올라옵니다.

Notification Toasts

알림 센터에서 열리면 헤더가 있는 목록으로 표시됩니다.

Notification Center

notificationCenter.border: 알림 센터 테두리 색상입니다.
notificationCenterHeader.foreground: 알림 센터 헤더 전경색입니다.
notificationCenterHeader.background: 알림 센터 헤더 배경색입니다.
notificationToast.border: 알림 토스트 테두리 색상입니다.
notifications.foreground: 알림 전경색입니다.
notifications.background: 알림 배경색입니다.
notifications.border: 알림 센터의 다른 알림과 구분되는 알림 테두리 색상입니다.
notificationLink.foreground: 알림 링크 전경색입니다.
notificationsErrorIcon.foreground: 알림 오류 아이콘에 사용되는 색상입니다.
notificationsWarningIcon.foreground: 알림 경고 아이콘에 사용되는 색상입니다.
notificationsInfoIcon.foreground: 알림 정보 아이콘에 사용되는 색상입니다.

배너는 제목 표시줄 아래에 나타나고 보일 때 워크벤치의 전체 너비에 걸쳐 있습니다.

banner.background: 배너 배경색입니다.
banner.foreground: 배너 전경색입니다.
banner.iconForeground: 배너 텍스트 앞에 있는 아이콘 색상입니다.

확장 프로그램 색상

extensionButton.prominentForeground: 확장 프로그램 보기 버튼 전경색 (예: 설치 버튼).
extensionButton.prominentBackground: 확장 프로그램 보기 버튼 배경색입니다.
extensionButton.prominentHoverBackground: 확장 프로그램 보기 버튼 배경 마우스 오버 색상입니다.
extensionButton.background: 확장 프로그램 작업 버튼 배경색입니다.
extensionButton.foreground: 확장 프로그램 작업 버튼 전경색입니다.
extensionButton.hoverBackground: 확장 프로그램 작업 버튼 배경 마우스 오버 색상입니다.
extensionButton.separator: 확장 프로그램 작업 버튼 구분선 색상입니다.
extensionBadge.remoteBackground: 확장 프로그램 보기의 원격 배지 배경색입니다.
extensionBadge.remoteForeground: 확장 프로그램 보기의 원격 배지 전경색입니다.
extensionIcon.starForeground: 확장 프로그램 평점 아이콘 색상입니다.
extensionIcon.verifiedForeground: 확장 프로그램 확인된 게시자 아이콘 색상입니다.
extensionIcon.preReleaseForeground: 사전 릴리스 확장 프로그램 아이콘 색상입니다.
extensionIcon.sponsorForeground: 확장 프로그램 스폰서 아이콘 색상입니다.
extensionIcon.privateForeground: 비공개 확장 프로그램 아이콘 색상입니다.
mcpIcon.starForeground: mcp 별표 아이콘 색상입니다.

빠른 선택기 색상

pickerGroup.border: 빠른 선택기 (빠른 열기) 그룹 테두리 색상입니다.
pickerGroup.foreground: 빠른 선택기 (빠른 열기) 그룹 레이블 색상입니다.
quickInput.background: 빠른 입력 배경색입니다. 빠른 입력 위젯은 색상 테마 선택기와 같은 보기를 담는 컨테이너입니다.
quickInput.foreground: 빠른 입력 전경색입니다. 빠른 입력 위젯은 색상 테마 선택기와 같은 보기를 담는 컨테이너입니다.
quickInputList.focusBackground: 빠른 선택기에서 포커스된 항목의 배경색입니다.
quickInputList.focusForeground: 빠른 선택기에서 포커스된 항목의 전경색입니다.
quickInputList.focusIconForeground: 빠른 선택기에서 포커스된 항목의 아이콘 전경색입니다.
quickInputTitle.background: 빠른 선택기 제목 배경색입니다. 빠른 선택기 위젯은 명령 팔레트와 같은 선택기를 담는 컨테이너입니다.

키 바인딩 레이블 색상

키 바인딩 레이블은 명령에 연결된 키 바인딩이 있을 때 표시됩니다. 키 바인딩 레이블의 예는 명령 팔레트에서 볼 수 있습니다.

Keybinding label

키 바인딩 레이블의 용도는 다음과 같습니다 (이에 국한되지 않음)

명령 팔레트
키보드 단축키 편집기
키보드 단축키 레코더 모달
확장 프로그램 마켓플레이스 페이지의 "기능 기여" 섹션

다음 사용자 지정이 가능합니다.

keybindingLabel.background: 키 바인딩 레이블 배경색입니다. 키 바인딩 레이블은 키보드 단축키를 나타내는 데 사용됩니다.
keybindingLabel.foreground: 키 바인딩 레이블 전경색입니다. 키 바인딩 레이블은 키보드 단축키를 나타내는 데 사용됩니다.
keybindingLabel.border: 키 바인딩 레이블 테두리 색상입니다. 키 바인딩 레이블은 키보드 단축키를 나타내는 데 사용됩니다.
keybindingLabel.bottomBorder: 키 바인딩 레이블 하단 테두리 색상입니다. 키 바인딩 레이블은 키보드 단축키를 나타내는 데 사용됩니다.

키보드 단축키 테이블 색상

keybindingTable.headerBackground: 키보드 단축키 테이블 헤더 배경색입니다.
keybindingTable.rowsBackground: 키보드 단축키 테이블 대체 행 배경색입니다.

통합 터미널 색상

terminal.background: 통합 터미널 뷰포트의 배경색입니다.
terminal.border: 터미널 내 분할 창을 분리하는 테두리 색상입니다. 기본값은 panel.border입니다.
terminal.foreground: 통합 터미널의 기본 전경색입니다.
terminal.ansiBlack: 터미널의 '검정' ANSI 색상입니다.
terminal.ansiBlue: 터미널의 '파랑' ANSI 색상입니다.
terminal.ansiBrightBlack: 터미널의 '밝은 검정' ANSI 색상입니다.
terminal.ansiBrightBlue: 터미널의 '밝은 파랑' ANSI 색상입니다.
terminal.ansiBrightCyan: 터미널의 '밝은 청록' ANSI 색상입니다.
terminal.ansiBrightGreen: 터미널의 '밝은 녹색' ANSI 색상입니다.
terminal.ansiBrightMagenta: 터미널의 '밝은 자홍색' ANSI 색상입니다.
terminal.ansiBrightRed: 터미널의 '밝은 빨강' ANSI 색상입니다.
terminal.ansiBrightWhite: 터미널의 '밝은 흰색' ANSI 색상입니다.
terminal.ansiBrightYellow: 터미널의 '밝은 노랑' ANSI 색상입니다.
terminal.ansiCyan: 터미널의 '청록' ANSI 색상입니다.
terminal.ansiGreen: 터미널의 '녹색' ANSI 색상입니다.
terminal.ansiMagenta: 터미널의 '자홍색' ANSI 색상입니다.
terminal.ansiRed: 터미널의 '빨강' ANSI 색상입니다.
terminal.ansiWhite: 터미널의 '흰색' ANSI 색상입니다.
terminal.ansiYellow: 터미널의 '노랑' ANSI 색상입니다.
terminal.selectionBackground: 터미널의 선택 배경색입니다.
terminal.selectionForeground: 터미널의 선택 전경색입니다. null이면 선택 전경색이 유지되고 최소 대비 비율 기능이 적용됩니다.
terminal.inactiveSelectionBackground: 초점이 없는 터미널의 선택 배경색입니다.
terminal.findMatchBackground: 터미널의 현재 검색 일치 색상입니다. 불투명하면 아래쪽 터미널 콘텐츠가 가려질 수 있으므로 불투명하지 않아야 합니다.
terminal.findMatchBorder: 터미널의 현재 검색 일치 테두리 색상입니다.
terminal.findMatchHighlightBackground: 터미널의 다른 검색 일치 색상입니다. 불투명하면 아래쪽 터미널 콘텐츠가 가려질 수 있으므로 불투명하지 않아야 합니다.
terminal.findMatchHighlightBorder: 터미널의 다른 검색 일치 테두리 색상입니다.
terminal.hoverHighlightBackground: 터미널에서 링크에 마우스를 올렸을 때의 강조 표시 색상입니다.
terminalCursor.background: 터미널 커서 배경색입니다. 블록 커서가 겹치는 문자의 색상을 사용자 지정할 수 있습니다.
terminalCursor.foreground: 터미널 커서의 전경색입니다.
terminal.dropBackground: 터미널 위에 끌 때의 배경색입니다. 색상에는 투명도가 포함되어 터미널 콘텐츠가 계속 표시될 수 있도록 해야 합니다.
terminal.tab.activeBorder: 패널의 터미널 탭 측면 테두리입니다. 기본값은 tab.activeBorder입니다.
terminalCommandDecoration.defaultBackground: 기본 터미널 명령 장식 배경색입니다.
terminalCommandDecoration.successBackground: 성공한 명령에 대한 터미널 명령 장식 배경색입니다.
terminalCommandDecoration.errorBackground: 오류 명령에 대한 터미널 명령 장식 배경색입니다.
terminalOverviewRuler.cursorForeground: 개요 줄 커서 색상입니다.
terminalOverviewRuler.findMatchForeground: 터미널에서 찾은 일치 항목에 대한 개요 줄 마커 색상입니다.
terminalStickyScroll.background: 터미널의 고정 스크롤 오버레이 배경색입니다.
terminalStickyScroll.border: 터미널의 고정 스크롤 오버레이 테두리입니다.
terminalStickyScrollHover.background: 마우스를 올렸을 때 터미널의 고정 스크롤 오버레이 배경색입니다.
terminal.initialHintForeground: 터미널 초기 힌트의 전경색입니다.
terminalOverviewRuler.border: 개요 줄 왼쪽 테두리 색상입니다.
terminalCommandGuide.foreground: 마우스 오버 시 명령 및 해당 출력 왼쪽에 나타나는 터미널 명령 가이드의 전경색입니다.
terminalSymbolIcon.aliasForeground: 별칭 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.branchForeground: 브랜치 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.commitForeground: 커밋 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.flagForeground: 플래그 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.optionForeground: 옵션 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.optionValueForeground: 열거형 멤버 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.methodForeground: 메서드 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.argumentForeground: 인수 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.inlineSuggestionForeground: 인라인 제안 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.fileForeground: 파일 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.folderForeground: 폴더 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.pullRequestDoneForeground: 완료된 풀 요청 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.pullRequestForeground: 풀 요청 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.remoteForeground: 원격 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.stashForeground: 스태시 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.symbolText: 일반 텍스트 제안의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.symbolicLinkFileForeground: 기호 링크 파일 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.symbolicLinkFolderForeground: 기호 링크 폴더 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.
terminalSymbolIcon.tagForeground: 태그 아이콘의 전경색입니다. 이러한 아이콘은 터미널 제안 위젯에 나타납니다.

디버그 색상

debugToolBar.background: 디버그 도구 모음 배경색입니다.
debugToolBar.border: 디버그 도구 모음 테두리 색상입니다.
editor.stackFrameHighlightBackground: 편집기에서 최상위 스택 프레임 강조 표시 배경색입니다.
editor.focusedStackFrameHighlightBackground: 편집기에서 포커스된 스택 프레임 강조 표시 배경색입니다.
editor.inlineValuesForeground: 디버그 인라인 값 텍스트의 색상입니다.
editor.inlineValuesBackground: 디버그 인라인 값 배경의 색상입니다.
debugView.exceptionLabelForeground: 디버거가 예외에서 중단될 때 CALL STACK 보기의 레이블 전경색입니다.
debugView.exceptionLabelBackground: 디버거가 예외에서 중단될 때 CALL STACK 보기의 레이블 배경색입니다.
debugView.stateLabelForeground: 현재 세션 또는 스레드의 상태를 표시하는 CALL STACK 보기의 레이블 전경색입니다.
debugView.stateLabelBackground: 현재 세션 또는 스레드의 상태를 표시하는 CALL STACK 보기의 레이블 배경색입니다.
debugView.valueChangedHighlight: 디버그 보기 (예: 변수 보기)에서 값 변경을 강조 표시하는 데 사용되는 색상입니다.
debugTokenExpression.name: 디버그 보기 (예: 변수 보기 또는 감시 보기)에 표시되는 토큰 이름의 전경색입니다.
debugTokenExpression.value: 디버그 보기에서 표시되는 토큰 값의 전경색입니다.
debugTokenExpression.string: 디버그 보기에서 문자열의 전경색입니다.
debugTokenExpression.boolean: 디버그 보기에서 부울의 전경색입니다.
debugTokenExpression.number: 디버그 보기에서 숫자의 전경색입니다.
debugTokenExpression.error: 디버그 보기에서 표현식 오류의 전경색입니다.
debugTokenExpression.type: 디버그 보기 (예: 변수 보기 또는 감시 보기)에 표시되는 토큰 유형의 전경색입니다.

테스트 색상

testing.runAction: 편집기에서 '실행' 아이콘 색상입니다.
testing.iconErrored: 테스트 탐색기에서 '오류 발생' 아이콘 색상입니다.
testing.iconFailed: 테스트 탐색기에서 '실패' 아이콘 색상입니다.
testing.iconPassed: 테스트 탐색기에서 '통과' 아이콘 색상입니다.
testing.iconQueued: 테스트 탐색기에서 '대기 중' 아이콘 색상입니다.
testing.iconUnset: 테스트 탐색기에서 '설정 안 됨' 아이콘 색상입니다.
testing.iconSkipped: 테스트 탐색기에서 '건너뜀' 아이콘 색상입니다.
testing.iconErrored.retired: 테스트 탐색기에서 '오류 발생' 아이콘의 은퇴 색상입니다.
testing.iconFailed.retired: 테스트 탐색기에서 '실패' 아이콘의 은퇴 색상입니다.
testing.iconPassed.retired: 테스트 탐색기에서 '통과' 아이콘의 은퇴 색상입니다.
testing.iconQueued.retired: 테스트 탐색기에서 '대기 중' 아이콘의 은퇴 색상입니다.
testing.iconUnset.retired: 테스트 탐색기에서 '설정 안 됨' 아이콘의 은퇴 색상입니다.
testing.iconSkipped.retired: 테스트 탐색기에서 '건너뜀' 아이콘의 은퇴 색상입니다.
testing.peekBorder: 미리보기 보기 테두리 및 화살표 색상입니다.
testing.peekHeaderBackground: 미리보기 보기 테두리 및 화살표 색상입니다.
testing.message.error.lineBackground: 편집기에 인라인으로 표시되는 오류 메시지 옆 여백 색상입니다.
testing.message.info.decorationForeground: 편집기에 인라인으로 표시되는 테스트 정보 메시지의 텍스트 색상입니다.
testing.message.info.lineBackground: 편집기에 인라인으로 표시되는 정보 메시지 옆 여백 색상입니다.
testing.messagePeekBorder: 기록된 메시지를 미리 볼 때 미리보기 보기 테두리 및 화살표 색상입니다.
testing.messagePeekHeaderBackground: 기록된 메시지를 미리 볼 때 미리보기 보기 테두리 및 화살표 색상입니다.
testing.coveredBackground: 커버된 텍스트의 배경색입니다.
testing.coveredBorder: 커버된 텍스트의 테두리 색상입니다.
testing.coveredGutterBackground: 코드가 커버된 영역의 여백 색상입니다.
testing.uncoveredBranchBackground: 커버되지 않은 분기에 대해 표시되는 위젯의 배경입니다.
testing.uncoveredBackground: 커버되지 않은 텍스트의 배경색입니다.
testing.uncoveredBorder: 커버되지 않은 텍스트의 테두리 색상입니다.
testing.uncoveredGutterBackground: 코드가 커버되지 않은 영역의 여백 색상입니다.
testing.coverCountBadgeBackground: 실행 횟수를 나타내는 배지의 배경입니다.
testing.coverCountBadgeForeground: 실행 횟수를 나타내는 배지의 전경입니다.
testing.message.error.badgeBackground: 편집기에 인라인으로 표시되는 테스트 오류 메시지의 배경색입니다.
testing.message.error.badgeBorder: 편집기에 인라인으로 표시되는 테스트 오류 메시지의 테두리 색상입니다.
testing.message.error.badgeForeground: 편집기에 인라인으로 표시되는 테스트 오류 메시지의 텍스트 색상입니다.

환영 페이지 색상

welcomePage.background: 환영 페이지 배경색입니다.
welcomePage.progress.background: 환영 페이지 진행률 표시줄 전경색입니다.
welcomePage.progress.foreground: 환영 페이지 진행률 표시줄 배경색입니다.
welcomePage.tileBackground: 환영 페이지의 타일 배경색입니다.
welcomePage.tileHoverBackground: 환영 페이지의 타일 마우스 오버 배경색입니다.
welcomePage.tileBorder: 환영 페이지의 타일 테두리 색상입니다.
walkThrough.embeddedEditorBackground: 인터랙티브 플레이그라운드의 임베디드 편집기 배경색입니다.
walkthrough.stepTitle.foreground: 각 워크플로 단계 제목의 전경색입니다.

Git 색상

gitDecoration.addedResourceForeground: 추가된 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.modifiedResourceForeground: 수정된 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.deletedResourceForeground: 삭제된 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.renamedResourceForeground: 이름이 변경되거나 복사된 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.stageModifiedResourceForeground: 스테이징된 수정 Git 장식 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.stageDeletedResourceForeground: 스테이징된 삭제 Git 장식 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.untrackedResourceForeground: 추적되지 않은 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.ignoredResourceForeground: 무시된 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.conflictingResourceForeground: 충돌하는 Git 리소스 색상입니다. 파일 레이블 및 SCM 뷰어에 사용됩니다.
gitDecoration.submoduleResourceForeground: 서브모듈 리소스 색상입니다.
git.blame.editorDecorationForeground: 블레임 편집기 장식 색상입니다.

소스 제어 그래프 색상

scmGraph.historyItemHoverLabelForeground: 기록 항목 마우스 오버 레이블 전경색입니다.
scmGraph.foreground1: 소스 제어 그래프 전경색 (1)입니다.
scmGraph.foreground2: 소스 제어 그래프 전경색 (2)입니다.
scmGraph.foreground3: 소스 제어 그래프 전경색 (3)입니다.
scmGraph.foreground4: 소스 제어 그래프 전경색 (4)입니다.
scmGraph.foreground5: 소스 제어 그래프 전경색 (5)입니다.
scmGraph.historyItemHoverAdditionsForeground: 기록 항목 마우스 오버 추가 항목 전경색입니다.
scmGraph.historyItemHoverDeletionsForeground: 기록 항목 마우스 오버 삭제 항목 전경색입니다.
scmGraph.historyItemRefColor: 기록 항목 참조 색상입니다.
scmGraph.historyItemRemoteRefColor: 기록 항목 원격 참조 색상입니다.
scmGraph.historyItemBaseRefColor: 기록 항목 기본 참조 색상입니다.
scmGraph.historyItemHoverDefaultLabelForeground: 기록 항목 마우스 오버 기본 레이블 전경색입니다.
scmGraph.historyItemHoverDefaultLabelBackground: 기록 항목 마우스 오버 기본 레이블 배경색입니다.

설정 편집기 색상

참고: 이 색상은 Preferences: Open Settings (UI) 명령으로 열 수 있는 GUI 설정 편집기를 위한 것입니다.

settings.headerForeground: 섹션 헤더 또는 활성 제목의 전경색.
settings.modifiedItemIndicator: 수정된 설정을 나타내는 선.
settings.dropdownBackground: 드롭다운 배경.
settings.dropdownForeground: 드롭다운 전경.
settings.dropdownBorder: 드롭다운 테두리.
settings.dropdownListBorder: 드롭다운 목록 테두리.
settings.checkboxBackground: 체크박스 배경.
settings.checkboxForeground: 체크박스 전경.
settings.checkboxBorder: 체크박스 테두리.
settings.rowHoverBackground: 설정 행에 마우스를 올렸을 때의 배경색.
settings.textInputBackground: 텍스트 입력란 배경.
settings.textInputForeground: 텍스트 입력란 전경.
settings.textInputBorder: 텍스트 입력란 테두리.
settings.numberInputBackground: 숫자 입력란 배경.
settings.numberInputForeground: 숫자 입력란 전경.
settings.numberInputBorder: 숫자 입력란 테두리.
settings.focusedRowBackground: 포커스된 설정 행의 배경색.
settings.focusedRowBorder: 행에 포커스가 맞춰졌을 때 행의 위쪽 및 아래쪽 테두리 색상.
settings.headerBorder: 헤더 컨테이너 테두리 색상.
settings.sashBorder: 설정 편집기 분할 뷰 sash 테두리 색상.
settings.settingsHeaderHoverForeground: 섹션 헤더 또는 마우스 오버된 제목의 전경색.

탐색 경로 색상

탐색 경로 탐색을 위한 테마 색상

breadcrumb.foreground: 탐색 경로 항목의 색상.
breadcrumb.background: 탐색 경로 항목의 배경색.
breadcrumb.focusForeground: 포커스된 탐색 경로 항목의 색상.
breadcrumb.activeSelectionForeground: 선택된 탐색 경로 항목의 색상.
breadcrumbPicker.background: 탐색 경로 항목 선택기의 배경색.

스니펫 색상

스니펫을 위한 테마 색상

editor.snippetTabstopHighlightBackground: 스니펫 탭 정지점의 강조 표시 배경색.
editor.snippetTabstopHighlightBorder: 스니펫 탭 정지점의 강조 표시 테두리 색상.
editor.snippetFinalTabstopHighlightBackground: 스니펫의 마지막 탭 정지점의 강조 표시 배경색.
editor.snippetFinalTabstopHighlightBorder: 스니펫의 마지막 탭 정지점의 강조 표시 테두리 색상.

심볼 아이콘 색상

개요 보기, 탐색 경로 탐색 및 제안 위젯에 나타나는 심볼 아이콘을 위한 테마 색상

symbolIcon.arrayForeground: 배열 심볼의 전경색.
symbolIcon.booleanForeground: 부울 심볼의 전경색.
symbolIcon.classForeground: 클래스 심볼의 전경색.
symbolIcon.colorForeground: 색상 심볼의 전경색.
symbolIcon.constantForeground: 상수 심볼의 전경색.
symbolIcon.constructorForeground: 생성자 심볼의 전경색.
symbolIcon.enumeratorForeground: 열거자 심볼의 전경색.
symbolIcon.enumeratorMemberForeground: 열거자 멤버 심볼의 전경색.
symbolIcon.eventForeground: 이벤트 심볼의 전경색.
symbolIcon.fieldForeground: 필드 심볼의 전경색.
symbolIcon.fileForeground: 파일 심볼의 전경색.
symbolIcon.folderForeground: 폴더 심볼의 전경색.
symbolIcon.functionForeground: 함수 심볼의 전경색.
symbolIcon.interfaceForeground: 인터페이스 심볼의 전경색.
symbolIcon.keyForeground: 키 심볼의 전경색.
symbolIcon.keywordForeground: 키워드 심볼의 전경색.
symbolIcon.methodForeground: 메서드 심볼의 전경색.
symbolIcon.moduleForeground: 모듈 심볼의 전경색.
symbolIcon.namespaceForeground: 네임스페이스 심볼의 전경색.
symbolIcon.nullForeground: null 심볼의 전경색.
symbolIcon.numberForeground: 숫자 심볼의 전경색.
symbolIcon.objectForeground: 객체 심볼의 전경색.
symbolIcon.operatorForeground: 연산자 심볼의 전경색.
symbolIcon.packageForeground: 패키지 심볼의 전경색.
symbolIcon.propertyForeground: 속성 심볼의 전경색.
symbolIcon.referenceForeground: 참조 심볼의 전경색.
symbolIcon.snippetForeground: 스니펫 심볼의 전경색.
symbolIcon.stringForeground: 문자열 심볼의 전경색.
symbolIcon.structForeground: 구조체 심볼의 전경색.
symbolIcon.textForeground: 텍스트 심볼의 전경색.
symbolIcon.typeParameterForeground: 타입 매개변수 심볼의 전경색.
symbolIcon.unitForeground: 단위 심볼의 전경색.
symbolIcon.variableForeground: 변수 심볼의 전경색.

디버그 아이콘 색상

debugIcon.breakpointForeground: 중단점 아이콘 색상.
debugIcon.breakpointDisabledForeground: 비활성화된 중단점 아이콘 색상.
debugIcon.breakpointUnverifiedForeground: 확인되지 않은 중단점 아이콘 색상.
debugIcon.breakpointCurrentStackframeForeground: 현재 중단점 스택 프레임 아이콘 색상.
debugIcon.breakpointStackframeForeground: 모든 중단점 스택 프레임 아이콘 색상.
debugIcon.startForeground: 디버그 도구 모음 시작 디버그 아이콘.
debugIcon.pauseForeground: 디버그 도구 모음 일시 중지 아이콘.
debugIcon.stopForeground: 디버그 도구 모음 중지 아이콘.
debugIcon.disconnectForeground: 디버그 도구 모음 연결 해제 아이콘.
debugIcon.restartForeground: 디버그 도구 모음 다시 시작 아이콘.
debugIcon.stepOverForeground: 디버그 도구 모음 단계별 실행 아이콘.
debugIcon.stepIntoForeground: 디버그 도구 모음 단계별 진입 아이콘.
debugIcon.stepOutForeground: 디버그 도구 모음 단계별 나가기 아이콘.
debugIcon.continueForeground: 디버그 도구 모음 계속 실행 아이콘.
debugIcon.stepBackForeground: 디버그 도구 모음 단계별 뒤로 아이콘.
debugConsole.infoForeground: 디버그 REPL 콘솔의 정보 메시지 전경색.
debugConsole.warningForeground: 디버그 REPL 콘솔의 경고 메시지 전경색.
debugConsole.errorForeground: 디버그 REPL 콘솔의 오류 메시지 전경색.
debugConsole.sourceForeground: 디버그 REPL 콘솔의 소스 파일 이름 전경색.
debugConsoleInputIcon.foreground: 디버그 콘솔 입력 마커 아이콘 전경색.

노트북 색상

notebook.editorBackground: 노트북 배경색.
notebook.cellBorderColor: 노트북 셀의 테두리 색상.
notebook.cellHoverBackground: 셀에 마우스를 올렸을 때의 배경색.
notebook.cellInsertionIndicator: 노트북 셀 삽입 표시기의 색상.
notebook.cellStatusBarItemHoverBackground: 노트북 셀 상태 표시줄 항목의 배경색.
notebook.cellToolbarSeparator: 셀 하단 도구 모음의 구분선 색상.
notebook.cellEditorBackground: 노트북 셀 편집기 배경색.
notebook.focusedCellBackground: 셀에 포커스가 맞춰졌을 때의 배경색.
notebook.focusedCellBorder: 셀에 포커스가 맞춰졌을 때 셀의 포커스 표시기 테두리 색상.
notebook.focusedEditorBorder: 노트북 셀 편집기 테두리 색상.
notebook.inactiveFocusedCellBorder: 기본 포커스가 편집기 외부에 있을 때 셀에 포커스가 맞춰졌을 때 셀의 위쪽 및 아래쪽 테두리 색상.
notebook.inactiveSelectedCellBorder: 여러 셀이 선택되었을 때 셀의 테두리 색상.
notebook.outputContainerBackgroundColor: 노트북 출력 컨테이너 배경색.
notebook.outputContainerBorderColor: 노트북 출력 컨테이너의 테두리 색상.
notebook.selectedCellBackground: 셀이 선택되었을 때의 배경색.
notebook.selectedCellBorder: 셀이 선택되었지만 포커스가 맞춰지지 않았을 때 셀의 위쪽 및 아래쪽 테두리 색상.
notebook.symbolHighlightBackground: 강조 표시된 셀의 배경색.
notebookScrollbarSlider.activeBackground: 클릭된 노트북 스크롤바 슬라이더 배경색.
notebookScrollbarSlider.background: 노트북 스크롤바 슬라이더 배경색.
notebookScrollbarSlider.hoverBackground: 마우스를 올렸을 때의 노트북 스크롤바 슬라이더 배경색.
notebookStatusErrorIcon.foreground: 셀 상태 표시줄의 노트북 셀 오류 아이콘 색상.
notebookStatusRunningIcon.foreground: 셀 상태 표시줄의 노트북 셀 실행 중 아이콘 색상.
notebookStatusSuccessIcon.foreground: 셀 상태 표시줄의 노트북 셀 성공 아이콘 색상.
notebookEditorOverviewRuler.runningCellForeground: 노트북 편집기 개요 규칙의 실행 중인 셀 장식 색상.

차트 색상

charts.foreground: 차트 텍스트의 대비 색상.
charts.lines: 차트의 선 색상.
charts.red: 차트의 빨간색 요소 색상.
charts.blue: 차트의 파란색 요소 색상.
charts.yellow: 차트의 노란색 요소 색상.
charts.orange: 차트의 주황색 요소 색상.
charts.green: 차트의 녹색 요소 색상.
charts.purple: 차트의 보라색 요소 색상.
chart.line: 차트의 선 색상.
chart.axis: 차트의 축 색상.
chart.guide: 차트의 안내선.

포트 색상

ports.iconRunningProcessForeground: 연결된 실행 중인 프로세스가 있는 포트의 아이콘 색상.

주석 보기 색상

commentsView.resolvedIcon: 해결된 주석 아이콘 색상.
commentsView.unresolvedIcon: 해결되지 않은 주석 아이콘 색상.

액션 바 색상

actionBar.toggledBackground: 액션 바에서 토글된 액션 항목의 배경색.

simpleFindWidget.sashBorder: sash 테두리의 테두리 색상.

게이지 색상

gauge.background: 게이지 배경색.
gauge.foreground: 게이지 전경색.
gauge.border: 게이지 테두리 색상.
gauge.warningBackground: 게이지 경고 배경색.
gauge.warningForeground: 게이지 경고 전경색.
gauge.errorBackground: 게이지 오류 배경색.
gauge.errorForeground: 게이지 오류 전경색.

Markdown

markdownAlert.note.foreground: 마크다운의 노트 알림 전경색.
markdownAlert.tip.foreground: 마크다운의 팁 알림 전경색.
markdownAlert.important.foreground: 마크다운의 중요 알림 전경색.
markdownAlert.warning.foreground: 마크다운의 경고 알림 전경색.
markdownAlert.caution.foreground: 마크다운의 주의 알림 전경색.

확장 색상

색상 ID는 색상 기여 포인트를 통해 확장에서도 제공될 수 있습니다. 이러한 색상은 workbench.colorCustomizations 설정의 코드 완성 및 색상 테마 정의 파일에서도 나타납니다. 사용자는 확장 기여 탭에서 확장이 정의한 색상을 볼 수 있습니다.

12/10/2025