Visual Studio에 대한 색 값 참조

아티클
2023. 06. 19.

이 항목은 새 색 토큰을 만들기 위한 참조입니다. 새 UI를 만들 때 기존 UI에서 비슷한 색을 사용하여 각 주 테마의 색과 고대비 테마에 대한 해당 요소의 시스템 색 이름을 선택할 수 있습니다.

새 색 토큰을 만드는 방법에 대한 구현 정보는 색 테마 도구를 참조하세요.

기존 UI에서 사용할 색 토큰은 Visual Studio의 공유 색을 참조하세요.

이 참조 가이드를 사용하는 경우 다음을 기억하세요.

항상 전경색과 배경색을 함께 복사합니다. 색상이 좋다고 해서 한 UI 요소에서 전경을, 다른 요소의 배경에서 전경을 선택하지 마세요.
이는 색 토큰이 아닌 16진수 코드입니다. 나중에 토큰이 변경될 수 있는 방법을 제어할 수 없으므로 이러한 UI 요소의 실제 색 토큰 이름을 사용할 수 없습니다. 대신 고유한 범주 내에 토큰을 만들고 테이블에 표시된 색상 값을 사용합니다. 기존 UI에 대한 색 토큰은 Visual Studio의 공유 색에서 찾을 수 있습니다.
고대비 견본은 비교용으로만 표시됩니다. 고대비 UI의 시스템 색 이름을 사용하고 이러한 견본에 스포이트 또는 색 편집기를 사용하지 마세요. 이 토픽의 고대비 견본은 Windows의 고대비 #1 테마를 반영합니다. 다른 고대비 테마에서는 색이 다르게 표시됩니다.
최상의 결과를 위해 색 집합을 예제와 유사한 UI와 페어링합니다.

속성 창

Properties window in Light (left), Dark (center), and Blue (right) themes
밝은 테마, 어두운 테마, 파란색 테마의 속성 창

참고

고대비 견본은 비교용으로만 표시됩니다. 고대비 UI의 시스템 색 이름을 사용하고 이러한 견본에 스포이트 또는 색 편집기를 사용하지 마세요. 이 토픽의 고대비 견본은 Windows의 고대비 #1 테마를 반영합니다. 다른 고대비 테마에서는 색이 다르게 표시됩니다.

구분선

	밝은 테마	어두운 테마	파란색 테마	고대비
기본값	`#FFEEEEF2`	`#FF2D2D30`	`#FFEEEEF2`	`ControlDark`

Expander 문자 모양

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Window`
전경: 가리키기	`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	`HighlightText`
배경: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFFFCF4`	`Highlight`
Border	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Window`
테두리: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFE5C365`	`WindowFrame`

포함된 탭 컨트롤: 본문

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFE7E8EC`	`#FF1B1B1C`	`#FFE7E8EC`	`Control`
Border	`#FFE7E8EC`	`#FF1B1B1C`	`#FFE7E8EC`	`WindowFrame`

포함된 탭 컨트롤: 활성 탭

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFE7E8EC`	`#FF1B1B1C`	`#FFE7E8EC`	`Highlight`
Border	`#FFE7E8EC`	`#FF1B1B1C`	`#FFE7E8EC`	`WindowFrame`

포함된 탭 컨트롤: 비활성 탭

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`
전경: 가리키기	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`HighlightText`
배경: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFEFEFE`	`Highlight`
전경: 사용 안 함	`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	`GrayText`
배경: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`
Border	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`WindowFrame`
테두리: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFEFEFE`	`WindowFrame`
테두리: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`WindowFrame`

섹션 헤더

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
전경: 가리키기	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`HighlightText`
배경	`#FFEEEEF2`	`#FF292929`	`#FFEEEEF2`	`Control`
배경: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFFFCF4`	`Highlight`
Border	없음	None	None	없음
테두리: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFE5C365`	`WindowFrame`

범주 그룹

	밝은 테마	어두운 테마	파란색 테마	고대비
본문 전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
본문 배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`
문자 모양 전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`WindowText`
문자 모양 전경: 가리키기	`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	`WindowText`

토글 단추

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`WindowText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Window`
전경: 가리키기	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`HighlightText`
배경: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFFFCF4`	`Highlight`
전경: 선택됨	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`HighlightText`
배경: 선택됨	`#FFF5F5F5`	`#FF252526`	`#FFFDF4BF`	`Highlight`
전경: 사용 안 함	`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	`ControlText`
배경: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Window`
Border	`#FFCCCEDB`	`#FF3F3F46`	`#FFCCCEDB`	`Window`
테두리: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFE5C365`	`WindowFrame`
테두리: 선택됨	`#FF007ACC`	`#FF007ACC`	`#FFE5C365`	`WindowFrame`
테두리: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`WindowFrame`

입력 필드

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFFFFFFF`	`#FF333337`	`#FFFCFCFC`	`Control`
전경: 사용 안 함	`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	`GrayText`
배경: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`
Border	`#FFCCCEDB`	`#FF434346`	`#FFCCCEDB`	`ControlDark`
테두리: 사용 안 함	`#FFCCCEDB`	`#FF434346`	`#FFC6C6C6`	`ControlDark`

목록 항목

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
전경: 가리키기	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`HighlightText`
배경: 가리키기	`#FFC9DEF5`	`#72555555`	`#FFFDF4BF`	`Highlight`
전경: 선택됨	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 선택됨	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`
전경: 사용 안 함	`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	`GrayText`
테두리: 가리키기	`#FFC9DEF5`	`#72555555`	`#FFFDF4BF`	`WindowFrame`
테두리: 선택됨	`#FFCCCEDB`	`#FF3399FF`	`#FF3399FF`	`WindowFrame`

명령 단추

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFEFEFE`	`Highlight`
전경: 선택됨	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 누름	`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	`Highlight`
전경: 사용 안 함	`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	`GrayText`
배경: 사용 안 함	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Window`
테두리: 가리키기	`#FFC9DEF5`	`#FF3E3E40`	`#FFFEFEFE`	`HighlightText`
테두리: 누름	`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	`HighlightText`
테두리: 사용 안 함	`#FFCCCEDB`	`#FF434346`	`#FFC6C6C6`	`WindowFrame`

속성 그리드 컨트롤 요소

Properties grid in Light (left), Dark (center), and Blue (right) themes
밝은(왼쪽) 테마, 어두운(가운데) 테마, 파란색(오른쪽) 테마의 속성 그리드

참고

콘텐츠

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF000000`	`WindowText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFFFFFFF`	`Control`
전경: 선택됨, 포커스 있음	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 선택됨, 포커스 있음	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`
전경: 선택됨, 포커스 없음	`#FF1E1E1E`	`#FFF1F1F1`	`#FF000000`	`WindowText`
배경: 선택됨, 포커스 없음	`#FFEEEEF2`	`#FF2D2D30`	`#FFEEEEF2`	`ControlDark`
구분선	`#FFEEEEF2`	`#FF2D2D30`	`#FFEEEEF2`	`ControlDark`

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF000000`	`WindowText`
배경	`#FFEEEEF2`	`#FF2D2D30`	`#FFEEEEF2`	`ControlDark`

CodeLens UI

참고

CodeLens UI 색은 밝은 테마, 어두운 테마, 파란색 테마에 동일합니다.

참고

본문

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FF1E1E1E`	`#FF1E1E1E`	`WindowText`
배경	`#FFFCFCFC`	`#FFFCFCFC`	`#FFFCFCFC`	`Window`
전경: 선택됨	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 선택됨	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`
배경: 강조됨	`#FFFDFBAC`	`#FFFDFBAC`	`#FFFDFBAC`	`HotTrack`
Border	`#FF6FC2E9`	`#FF6FC2E9`	`#FF6FC2E9`	`WindowFrame`

하이퍼링크 및 구분 기호

	밝은 테마	어두운 테마	파란색 테마	고대비
하이퍼링크 전경	`#FF0E70C0`	`#FF0E70C0`	`#FF0E70C0`	`HotTrack`
구분 기호 전경	`#FF9C9C9C`	`#FF9C9C9C`	`#FF9C9C9C`	`HotTrack`

Grid 컨트롤

Grid control in Light (top), Dark (center), and Blue (bottom) themes
밝은(왼쪽) 테마, 어두운(가운데) 테마, 파란색(오른쪽) 테마의 그리드 컨트롤

참고

본문

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF000000`	`WindowText`
전경: 선택됨	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`

하위 섹션 헤더

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF717171`	`#FF999999`	`#FF717171`	`GrayText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFFFFFFF`	`Window`
배경: 선택됨	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`

모눈선

	밝은 테마	어두운 테마	파란색 테마	고대비
항목(전경)	`#FFF0F0F0`	`#FF000000`	`#FFF0F0F0`	`ScrollBar`
헤더(전경)	`#FFE0E3E6`	`#FF333337`	`#FFBEC3CB`	`ControlDark`

매니페스트 디자이너

Manifest Designer in Light (top), Dark (center), and Blue (bottom) themes
밝은(왼쪽) 테마, 어두운(가운데) 테마, 파란색(오른쪽)의 매니페스트 디자이너

참고

본문

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`

활성 탭

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ActiveCaptionText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`ActiveCaption`

비활성 탭

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`InactiveCaptionText`
배경	`#FFFEFEFE`	`#FF333337`	`#FFFEFEFE`	`HighlightText`
전경: 가리키기	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`InactiveCaption`
배경: 가리키기	`#FFCCCEDB`	`#FF3F3F46`	`#FFCCCEDB`	`Highlight`

워터마크 텍스트

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF999999`	`#FF999999`	`#FF717171`	`GrayText`
배경	`#FFF5F5F5`	`#FF252526`	`#FFF6F6F6`	`Control`

설명 창

	밝은 테마	어두운 테마	파란색 테마	고대비
전경	`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	`ControlText`
배경	`#FFEEEEF2`	`#FF252526`	`#FFFFFFFF`	`Control`

TFS 태그 지정

TFS tagging in Light (top), Dark (center), and Blue (bottom) themes
밝은(왼쪽) 테마, 어두운(가운데) 테마, 파란색(오른쪽)의 TFS 태그 지정

참고

	밝은 테마	어두운 테마	파란색 테마	고대비
전경(텍스트)	`#FF1E1E1E`	`#FFFFFFFF`	`#FF1E1E1E`	`ActiveCaptionText`
배경	`#FFE1E6F1`	`#FF424242`	`#FFE9ECEE`	`ActiveCaption`
전경(텍스트): 가리키기	`#FF1E1E1E`	`#FFFFFFFF`	`#FF1E1E1E`	`HighlightText`
배경: 가리키기	`#FFC9DEF5`	`#FF606060`	`#FFFDF4BF`	`Highlight`
전경(텍스트): 누름	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 누름	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`
전경(텍스트): 선택됨	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경: 선택됨	`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	`Highlight`

마우스로 가리킨 문자 모양

	밝은 테마	어두운 테마	파란색 테마	고대비
글리프	`#FF1E1E1E`	`#FFFFFFFF`	`#FF1E1E1E`	`HighlightText`
배경	`#FFF7F7F9`	`#FF393939`	`#FFFFFCF4`	`HighlightText`
Border	`#FFF7F7F9`	`#FF393939`	`#FFE5C365`	`HighlightText`
문자 모양(누르고 가리키기)	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`Highlight`
배경(누르고 가리키기)	`#FF0E6198`	`#FF007ACC`	`#FFFDF4BF`	`HighlightText`
테두리(누르고 가리키기)	`#FF0E6198`	`#FF007ACC`	`#FFE5C365`	`HighlightText`

선택한 문자 모양

	밝은 테마	어두운 테마	파란색 테마	고대비
글리프	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`HighlightText`
배경	`#FF52B0EF`	`#FF52B0EF`	`#FF52B0EF`	`HighlightText`
Border	`#FF52B0EF`	`#FF52B0EF`	`#FF52B0EF`	`HighlightText`
문자 모양(누르고 가리키기)	`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	`Highlight`
배경(누르고 가리키기)	`#FF0E6198`	`#FF0E6198`	`#FF0E6198`	`HighlightText`
테두리(누르고 가리키기)	`#FF0E6198`	`#FF0E6198`	`#FF0E6198`	`HighlightText`

단추 컨트롤

참고

기본값

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
전경	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ControlText`
배경	`#ECECF0`	`#3F3F46`	`#ECECF0`	`Control`
Border	`#CCCEDB`	`#555555`	`#CCCEDB`	`ControlDark`

사용 안 함

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
전경	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaptionText`
배경	`#F5F5F5`	`#2D2D30`	`#F5F5F5`	`InactiveCaption`
Border	`#CCCEDB`	`#3F3F46`	`#CCCEDB`	`InactiveBorder`

가리킴

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
전경	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ActiveCaptionText`
배경	`#C9DEF5`	`#3F3F46`	`#C9DEF5`	`ActiveCaption`
Border	`#CCCEDB`	`#007ACC`	`#3399FF`	`ActiveBorder`

누름

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
전경	`#FFFFFF`	`#F1F1F1`	`#FFFFFF`	`HighlightText`
배경	`#007ACC`	`#007ACC`	`#007ACC`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#007ACC`	`HighlightText`

포커스

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
전경	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
배경	`#C9DEF5`	`#3F3F46`	`#C9DEF5`	`Highlight`
Border	`#3399FF`	`#007ACC`	`#3399FF`	`HighlightText`

확인란 컨트롤

참고

기본값

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#FEFEFE`	`#252526`	`#FEFEFE`	`Control`
Border	`#717171`	`#999999`	`#717171`	`ControlDark`
Text	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ControlText`
글리프	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ControlText`

사용 안 함

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#F6F6F6`	`#2D2D30`	`#F6F6F6`	`InactiveCaption`
Border	`#C6C6C6`	`#434346`	`#C6C6C6`	`InactiveBorder`
Text	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaption`
글리프	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaptionText`

가리킴

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#F3F9FF`	`#1F1F20`	`#FDF4BF`	`Highlight`
Border	`#3399FF`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
글리프	`#1E1E1E`	`#F1F1F1`	`#424242`	`HighlightText`

누름

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#007ACC`	`#007ACC`	`#E5C365`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
글리프	`#FFFFFF`	`#F1F1F1`	`#1E1E1E`	`HighlightText`

포커스

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#FDF4BF`	`#1F1F20`	`#FDF4BF`	`Highlight`
Border	`#3399FF`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
글리프	`#1E1E1E`	`#F1F1F1`	`#424242`	`HighlightText`

드롭다운/콤보 상자 컨트롤

참고

초기 모양

기본값

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`##007ACC`	`#333337`	`#FCFCFC`	`Control`
Border	`#CCCEDB`	`#434346`	`#8591A2`	`ControlLight`
구분 기호	`#FFFFFF`	`#333337`	`#FCFCFC`	`ControlLight`
글리프	`#717171`	`#999999`	`#1B293E`	`ControlText`
문자 모양 배경	`#FFFFFF`	`#333337`	`#FCFCFC`	`#Control`

사용 안 함

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#EEEEF2`	`#2D2D30`	`#DFE7F3`	`InactiveCaption`
Border	`#CCCEDB`	`#434346`	`#A4ADBA`	`InactiveBorder`
Text	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaptionText`
구분 기호	`#EEEEF2`	`#2D2D30`	`#D5DCE8`	`InactiveBorder`
글리프	`#CCCEDB`	`#656565`	`#A2A4A5`	`InactiveCaptionText`
문자 모양 배경	`#EEEEF2`	`#2D2D30`	`#D5DCE8`	`InactiveCaption`

가리킴

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#007ACC`	`#3F3F46`	`#FCFCFC`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#007ACC`	`#000000`	`HighlightText`
구분 기호	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
글리프	`#1E1E1E`	`#007ACC`	`#000000`	`HighlightText`
문자 모양 배경	`#C9DEF5`	`#1F1F20`	`#FDF4BF`	`Highlight`

누름

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#FFFFFF`	`#3F3F46`	`#FCFCFC`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`
구분 기호	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
글리프	`#FFFFFF`	`#FFFFFF`	`#000000`	`HighlightText`
문자 모양 배경	`#007ACC`	`#007ACC`	`#E5C365`	`Highlight`

포커스

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
배경	`#FFFFFF`	`#3F3F46`	`#FCFCFC`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`
구분 기호	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
글리프	`#1E1E1E`	`#007ACC`	`#000000`	`HighlightText`
문자 모양 배경	`#C9DEF5`	`#3F3F46`	`#FCFCFC`	`Highlight`

목록(누를 때 표시됨)

밝은 테마	어두운 테마	파란색 테마	고대비

기본값

	밝은 테마	어두운 테마	파란색 테마	고대비
배경	`#F6F6F6`	`#1B1B1C`	`#EFEFEF`	`Menu`
Border	`#CCCEDB`	`#3F3F46`	`#98A7B7`	`MenuText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`MenuText`
배경 그림자	`#19000000`	`#19000000`	`#19000000`	`ControlDark`

가리킴

	밝은 테마	어두운 테마	파란색 테마	고대비
배경	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#CCCEDB`	`#3F3F46`	`#FDF4BF`	`HighlightText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`

누름

	밝은 테마	어두운 테마	파란색 테마	고대비
배경	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#CCCEDB`	`#3F3F46`	`#FDF4BF`	`HighlightText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`

포커스

	밝은 테마	어두운 테마	파란색 테마	고대비
배경	`#F6F6F6`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`HighlightText`
Text	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`

텍스트 입력 선택

	밝은 테마	어두운 테마	파란색 테마	고대비
모양
텍스트 입력 선택	`#66007ACC`	`#66007ACC`	`#66007ACC`	`HighlightText`

함수별 색상 견본

밝게	어둡게	파랑	사용 대상
`#FFC9DEF5`	`#FF2D2D30`	`#FFFDF4BF`	작업 단추, 콤보 상자 항목, 명령 모음 단추, 드롭다운 단추, 메뉴 항목: 배경
`#FFCCCEDB`	`#FF3F3F46`	`#FF465A7D`	탭 테두리 자동 숨기기
`#FFEEEEF2`	`#FF2D2D30`	`#FF293955`	탭 기본값 및 가리키기 배경 자동 숨기기
`#FF444444`	`#FFD0D0D0`	`#FFFFFFFF`	탭 텍스트, 포커스 없는 도구 창 제목 표시줄 텍스트, 도구 창 탭 텍스트 자동 숨기기
`#FF0E70C0`	`#FF0097FB`	`#FFFFFFFF`	탭 텍스트 자동 숨기기: 가리키기
`#FF1C97EA`	`#FF1C97EA`	`#FF5B7199`	배경 문서 탭: 마우스로 가리킨 배경 및 테두리
`#FFFFFFFF`	`#FF333337`	`#FFFFFFFF`	콤보 상자 및 검색 상자 입력 필드: 기본 배경
`#FFFFFFFF`	`#FF333337`	`#FFFFFFFF`	콤보 상자 및 일부 드롭다운 목록 메뉴 항목: 마우스로 가리키고 마우스를 누를 때 배경
`#FF007ACC`	`#FF1F1F20`	`#FFFDF4BF`	콤보 상자 단추: 마우스로 가리킨 배경
`#FFCCCEDB`	`#FF434346`	`#FFA4ADBA`	콤보 상자, 드롭다운 목록, 검색 컨트롤, 텍스트 상자: 사용할 수 없는 테두리
`#FFEEEEF2`	`#FF2D2D30`	`#FFD5DCE8`	콤보 상자, 드롭다운, 텍스트 상자: 사용할 수 없는 배경
`#FF717171`	`#FFF1F1F1`	`#FF1B293E`	콤보 상자: 기본 문자 모양
`#FFC9DEF5`	`#72555555`	`#FFFDF4BF`	명령 모음 옵션: 마우스로 가리킨 배경
`#FF717171`	`#FF999999`	`#FF1B293E`	명령 모음 옵션: 기본 문자 모양
`#FF007ACC`	`#FF007ACC`	`#FF1B293E`	명령 모음 옵션: 가리키기 문자 모양
`#FFFFFFFF`	`#FFFFFFFF`	`#FF1B293E`	명령 모음 옵션: 마우스 누름 문자 모양
`#FF1E1E1E`	`#FFF1F1F1`	`#FF1B293E`	명령 모음 텍스트, 드롭다운, 콤보 상자 메뉴 항목 텍스트
`#FF1E1E1E`	`#FFF1F1F1`	`#FF000000`	명령 모음: 가리키기, 마우스 누름, 선택한 텍스트
`#FFCCCEDB`	`#FF222222`	`#FF8591A2`	명령 모음: 도구 모음 구분 기호
`#FFF5F5F5`	`#FF46464A`	`#FFD6DBE9`	명령 모음: 도구 모음 구분 기호 강조 표시
`#FFEEEEF2`	`#FF2D2D30`	`#FFD6DBE9`	명령 선반 배경
`#FFCCCEDB`	`#FF434346`	`#FF8591A2`	기본 테두리 및 명령 모음 구분 기호
`#FFCCCEDB`	`#FF434346`	`#FF8591A2`	기본 드롭다운 목록 및 콤보 상자 선택/입력 필드 테두리
`#FF717171`	`#FF999999`	`#FF000000`	기본 메뉴 및 하위 메뉴 문자 모양
`#FFF6F6F6`	`#FF1B1B1C`	`#FFEAF0FF`	기본 메뉴 배경
`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	기본 상태 표시줄 배경
`#FFA2A4A5`	`#FF656565`	`#FFA2A4A5`	사용할 수 없는 텍스트
`#FFE7E8EC`	`#FF1B1B1C`	`#FFFFFFFF`	대상 배경 고정
`#FFCCCEDB`	`#FF333337`	`#FF636871`	대상 테두리 고정
`#FFF5F5F5`	`#FF252526`	`#FFF5F8FB`	대상 단추 배경 고정
`#FFF5F5F5`	`#FF252526`	`#FFFDE8A7`	대상 문자 모양 배경 고정
`#FF52B0EF`	`#FF52B0EF`	`#FFFFFCF4`	문서 단추 및 도구 창 단추: 마우스로 가리킨 활성 배경
`#FF007ACC`	`#FF007ACC`	`#FFE5C365`	마우스를 눌렀을 때 드롭다운 단추 배경 및 명령 모음 단추 배경
`#FFC9DEF5`	`#FF1F1F20`	`#FFFDF4BF`	드롭다운 단추: 마우스로 가리킨 배경
`#FFF6F6F6`	`#FF1B1B1C`	`#FFEFEFEF`	드롭다운 목록 및 콤보 상자 드롭다운 메뉴 배경
`#FFFFFFFF`	`#FF3F3F46`	`#FFFCFCFC`	드롭다운 목록, 콤보 상자, 검색 컨트롤 드롭다운 메뉴: 마우스로 가리키고 마우스를 누를 때 배경
`#FF1E1E1E`	`#FF007ACC`	`#FF000000`	마우스로 가리킨 드롭다운 목록, 콤보 상자, 검색 컨트롤, 메뉴, 하위 메뉴 문자 모양
`#FF717171`	`#FF999999`	`#FF1B293E`	드롭다운 목록, 메뉴, 분할 단추: 기본 문자 모양
`#FF007ACC`	`#FF434346`	`#FFE5C365`	드롭다운 목록: 마우스로 가리키고 마우스를 누를 때 테두리
`#FFFFFFFF`	`#FF333337`	`#FFFCFCFC`	드롭다운 목록: 기본 배경
`#FF0E70C0`	`#FF0097FB`	`#FF0E70C0`	드롭다운 메뉴 링크 텍스트
`#FFC9DEF5`	`#FF1F1F20`	`#FFFDF4BF`	포커스가 있는 콤보 상자 드롭다운 단추 배경
`#FF007ACC`	`#FF007ACC`	`#FF293955`	포커스가 있는 도구 창 제목 표시줄 및 문서 창 탭 배경
`#FF007ACC`	`#FF007ACC`	`#FFFFF29D`	포커스가 있는 도구 창 제목 표시줄 및 문서 창 탭 테두리
`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	어두운 표면에 나타나는 문자 모양
`#FFEEEEF2`	`#FF2D2D30`	`#FF293955`	IDE 및 선택 취소한 미리 보기 탭 배경
`#FFEEEEF2`	`#FF2D2D30`	`#FF35496A`	IDE 배경 그라데이션
`#FFA2A4A5`	`#FF656565`	`#FF808080`	비활성 명령 모음 및 메뉴 텍스트
`#D8FFFFFF`	`#72555555`	`#FFFFFCF4`	기본 창 단추 및 래프팅된 창 단추: 마우스로 가리킨 배경
`#D8FFFFFF`	`#72555555`	`#FFE5C365`	기본 창 단추 및 래프팅된 창 단추: 마우스로 가리킨 테두리
`#FFE0E3E6`	`#FF333337`	`#FFCCCEDB`	메뉴 모음 메뉴 그룹 구분 기호
`#FFF6F6F6`	`#FF1B1B1C`	`FFF2F4FE`	메뉴 아이콘 채널 배경
`#FFC9DEF5`	`#FF333334`	`#FFFDF4BF`	메뉴 항목: 마우스로 가리킨 배경
`#FF1E1E1E`	`#FFF1F1F1`	`#FF1B293E`	메뉴: 마우스 누름 문자 모양
`#FFC9DEF5`	`#FF3E3E40`	`#FFFDF4BF`	마우스로 가리킨 대부분의 배경 및 테두리
`#FF007ACC`	`#FF007ACC`	`#FFE5C365`	마우스를 누르고 마우스를 가리킬 때 대부분의 테두리 및 구분 기호
`#FF1E1E1E`	`#FFF1F1F1`	`#FF1E1E1E`	대부분의 텍스트
`#FF6A6A6A`	`#FFEFEBEF`	`#FF6A6A6A`	눌러진 스크롤 막대 위치 조정 컨트롤
`#FF442359`	`#FF442359`	`#FFFDF4BF`	임시 문서 탭 단추, 선택됨 또는 배경: 마우스를 눌렀을 때 배경
`#FF68217A`	`#FF68217A`	`#FF3399FF`	임시 문서 탭: 활성 배경 및 테두리
`#FFF5F5F5`	`#FF3E3E42`	`#FFE8E8EC`	스크롤 막대 및 스크롤 막대 화살표: 기본 배경, 사용할 수 없는 배경, 가리키기 배경, 마우스 누르기 배경
`#FF1C97EA`	`#FF1C97EA`	`#FF1C97EA`	마우스로 가리킨 스크롤 막대 화살표 문자 모양
`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	스크롤 막대 화살표: 마우스를 누를 때 문자 모양
`#FF888888`	`#FF9E9E9E`	`#FF888888`	스크롤 막대 위치 조정 컨트롤: 마우스로 가리킨 배경 및 테두리
`#FF6A6A6A`	`#FFEFEBEF`	`#FF6A6A6A`	스크롤 막대 위치 조정 컨트롤: 마우스를 눌렀을 때 배경 및 테두리
`#FFDEDFE7`	`#FF686868`	`#FFD0D1D7`	스크롤 막대 위치 조정 컨트롤: 기본 배경 및 테두리
`#FF0E70C0`	`#FF0097FB`	`#FF0E70C0`	검색 컨트롤 "삭제" 문자 모양
`#FFC9DEF5`	`#FF2D2D30`	`#FFFDF4BF`	검색 컨트롤 드롭다운 단추: 포커스가 있는 배경
`#FFC9DEF5`	`#72555555`	`#FFFDF4BF`	드롭다운 메뉴 항목 검색: 마우스로 가리키고 마우스를 누를 때 배경 및 테두리
`#FFC9DEF5`	`#FF3E3E40`	`#FFFFFCF4`	선택한 아이콘: 마우스로 가리킨 배경
`#FF3399FF`	`#FF3399FF`	`#FF3399FF`	선택한 항목: 배경 및/또는 테두리
`#FF9B4F96`	`#FF9B4F96`	`#FFFFFCF4`	포커스가 있고 선택한 임시 문서 탭 단추: 마우스로 가리킨 배경
`#FFB7B9C5`	`#FF1B1B1C`	`#FFFDF4BF`	포커스가 있는 선택한 문서 단추 및 임시 탭 단추: 마우스를 눌렀을 때 배경
`#FFE6E7ED`	`#FF555555`	`#FFFFFCF4`	포커스가 없고 선택한 문서 및 임시 탭: 마우스로 가리킨 배경
`#FFE6E7ED`	`#FF555555`	`#FFE5C365`	포커스가 없고 선택한 문서 및 임시 탭: 마우스로 가리킨 테두리
`#FFCCCEDB`	`#FF3F3F46`	`#FFCCCEDB`	포커스가 없는 선택한 트리 뷰 배경
`#FFE0E3E6`	`#FF333337`	`#FFCCCEDB`	구분 기호: 메뉴 모음 메뉴 그룹, 분할 단추, 검색 컨트롤 드롭다운 메뉴 섹션
`#FF717171`	`#FF999999`	`#FF717171`	포커스가 없는 텍스트의 일부 인스턴스
`#FFFFFFFF`	`#FFFFFFFF`	`#FFFFFFFF`	상태 표시줄, 선택함, 활성 텍스트
`#FFE51400`	`#FFE51400`	`#FFE51400`	중지, 오류
`#FF999999`	`#FF46464A`	`#FF4D6082`	제목 표시줄 끌기 핸들
`#FF525252`	`#FF999999`	`#FF000000`	기본 창 및 부동 문서 창의 제목 표시줄 텍스트
`#FFEEEEF2`	`#FF2D2D30`	`#FFD6DBE9`	제목 표시줄 배경, 메뉴 모음 배경, 명령 모음 배경
`#FFFFFFFF`	`#FFFFFFFF`	`#FF000000`	도구 창 단추 및 문서 탭 단추: 기본 문자 모양, 가리키기 문자 모양, 마우스 누름 문자 모양
`#FF0E6198`	`#FF0E6198`	`#FFFFE8A6`	도구 창 단추 및 선택한 문서 창 단추: 마우스를 눌렀을 때 배경 및 테두리
`#FFF5F5F5`	`#FF252526`	`#FFFFFFFF`	도구 창 배경
`#FFCCCEDB`	`#FF3F3F46`	`#FF8E9BBC`	도구 창 테두리
`#FF0E70C0`	`#FF0097FB`	`#FF000000`	도구 창 선택한 탭 텍스트
`#FF007ACC`	`#FF007ACC`	`#FFFFF29D`	도구 창 제목 표시줄 탭 및 문서 창 탭: 포커스가 있는 배경 및 테두리
`#FFC9DEF5`	`#FF3E3E40`	`#FF4B5C74`	도구 창 선택 취소한 탭: 기본값 및 가리키기 배경
`#FFEEEEF2`	`#FF2D2D30`	`#FF4B5C74`	도구 창 선택 취소한 탭: 기본 테두리
`#FFC9DEF5`	`#FF3E3E40`	`#FF4B5C74`	도구 창 선택 취소한 탭: 가리키기 테두리
`#FFCCCEDB`	`#FF3F3F46`	`#FF4B5C74`	도구 창 선택 취소한 탭: 구분 기호
`#FFEEEEF2`	`#FF2D2D30`	`#FFCFD6E5`	도구 모음 배경
`#FFEEEEF2`	`#FF2D2D30`	`#FFDCE0EC`	도구 모음 테두리
`#FFEEEEF2`	`#FF2D2D30`	`#FFDCE0EC`	도구 모음 옵션 배경
`#FF007ACC`	`#FF007ACC`	`#FF007ACC`	트리 뷰: 마우스로 가리킨 포커스가 없는 기본 또는 선택한 문자 모양
`#FFEEEEF2`	`#FF2D2D30`	`#FF4D6082`	포커스가 없는 문서 탭, 미리 보기 탭, 도구 창 제목 표시줄 배경
`#FFCCCEDB`	`#FF3F3F46`	`#FF4D6082`	포커스가 없는 문서 탭, 미리 보기 탭, 도구 창 제목 표시줄 테두리
`#FFF7F7F9`	`#FF393939`	`#FFFFFCF4`	포커스가 없는 도구 창 단추: 마우스로 가리킨 배경
`#FFEEEEF2`	`#FF2D2D30`	`#FF364E6F`	선택 취소한 문서 창 탭 배경
`#FFB064AB`	`#FFB064AB`	`#FFFFFCF4`	선택 취소한 임시 문서 탭 단추: 마우스로 가리킨 배경
`#FF68217A`	`#FFFFFFFF`	`#FF68217A`	Visual Studio 로고