Visual Studio 的色彩值參考

本主題是建立新色彩標記的參考。當您建立新的UI時，可以使用現有UI中的類似色彩來選擇每個主要主題的色彩，以及該元素的高對比度主題的系統色彩名稱。

如需建立新色彩令牌的實作資訊，請參閱色彩主題工具。

如需與現有UI搭配使用的色彩令牌，請參閱 Visual Studio的共用色彩。

使用此參考指南時，請記住：

一律一起複製前景和背景色調。 請勿從某個UI元素選擇前景，而不要選擇另一個UI元素的背景，只是因為您喜歡色調。
這些是十六進位代碼，而不是色彩標記。 您無法使用這些 UI 元素的實際色彩標記名稱，因為您無法控制未來令牌的變更方式。請改為在您自己的類別內建立令牌，並使用數據表中顯示的色調值。您可以在 Visual Studio 的共享色彩中找到現有 UI 的色彩令牌。
高對比度色板只會顯示進行比較。 針對高對比度 UI 使用系統色彩名稱，而且不要在這些色板上使用眼滴或色彩選擇器。本主題中的高對比度色板反映 Windows 中的高對比度 #1 主題。其他高對比度主題中的色彩看起來會有所不同。
為了獲得最佳結果，將色彩集與類似範例的UI配對。

屬性視窗

Properties window in Light (left), Dark (center), and Blue (right) themes
淺色、深色和藍色主題中的屬性視窗

注意

高對比度色板只會顯示進行比較。 針對高對比度 UI 使用系統色彩名稱，而且不要在這些色板上使用眼滴或色彩選擇器。本主題中的高對比度色板反映 Windows 中的高對比度 #1 主題。其他高對比度主題中的色彩看起來會有所不同。

分割線

	淺色佈景主題	深色佈景主題	藍色主題	高對比
Default	`#FFEEEEF2`	`#FF2D2D30`	`#FFEEEEF2`	`ControlDark`

展開器字符

	淺色佈景主題	深色佈景主題	藍色主題	高對比
前景	`#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
淺色、深色和藍色主題中的屬性方格

注意

Content

	淺色佈景主題	深色佈景主題	藍色主題	高對比
前景	`#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`
Separator	`#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`
Separator	`#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`
Separator	`#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`
Separator	`#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`
Separator	`#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`	搜尋控件「clear」字元
`#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 標誌