Visual Studio のカラー値の参照

2025-06-12

このトピックは、新しい色トークンを作成するためのリファレンスです。新しい UI を作成するときは、既存の UI と同様の色を使用して、各メインテーマの色と、ハイコントラストのテーマにその要素のシステムカラー名を選択することができます。

新しい色トークンの作成に関する実装情報については、「配色テーマツール」を参照してください。

既存の UI で使用する色トークンについては、「Visual Studio の共有色」を参照してください。

このリファレンスガイドを使用する場合は、次の点に注意してください。

常に、前景と背景の両方の色合いを一緒にコピーしてください。 色合いが好きだからといって、ある UI 要素から前景を、別の UI 要素から背景を、という選択はしないでください。
これらは、色トークンではなく、16 進数のコードです。 トークンが将来どのように変更されるかを制御できないため、これらの UI 要素の実際の色トークン名を使用することはできません。代わりに、独自のカテゴリ内にトークンを作成し、表に示されている色合いの値を使用してください。既存の UI の色トークンについては、「Visual Studio の共有色」を参照してください。
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステムカラー名を使用してください。これらの見本では、スポイトやカラーピッカーを使用しないでください。このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。色は、他のハイコントラストテーマでは表示が異なります。
最良の結果を得るには、例と同様に、カラーセットと UI をペアにしてください。

プロパティウィンドウ

Properties window in Light (left), Dark (center), and Blue (right) themes
ライト、ダーク、および青色のテーマのプロパティウィンドウ

Note

ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステムカラー名を使用してください。これらの見本では、スポイトやカラーピッカーを使用しないでください。このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。色は、他のハイコントラストテーマでは表示が異なります。

区切り線

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
既定値	`#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
ライト、ダーク、青色のテーマのプロパティのグリッド

Note

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

Note

CodeLens UI の色は、ライト、ダーク、青色のテーマで同じです。

Note

本文

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
前景	`#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
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのグリッドコントロール

Note

本文

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
前景	`#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
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのマニフェストデザイナー

Note

本文

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
前景	`#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 タグ付け

Note

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
前景 (テキスト)	`#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`

ボタンコントロール

Note

既定値

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
前景	`#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`

チェックボックスコントロール

Note

既定値

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`#FEFEFE`	`#252526`	`#FEFEFE`	`Control`
Border	`#717171`	`#999999`	`#717171`	`ControlDark`
テキスト	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ControlText`
グリフ	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`ControlText`

無効

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`#F6F6F6`	`#2D2D30`	`#F6F6F6`	`InactiveCaption`
Border	`#C6C6C6`	`#434346`	`#C6C6C6`	`InactiveBorder`
テキスト	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaption`
グリフ	`#A2A4A5`	`#656565`	`#A2A4A5`	`InactiveCaptionText`

ホバーする

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`#F3F9FF`	`#1F1F20`	`#FDF4BF`	`Highlight`
Border	`#3399FF`	`#007ACC`	`#E5C365`	`HighlightText`
テキスト	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
グリフ	`#1E1E1E`	`#F1F1F1`	`#424242`	`HighlightText`

押下

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`#007ACC`	`#007ACC`	`#E5C365`	`Highlight`
Border	`#007ACC`	`#007ACC`	`#E5C365`	`HighlightText`
テキスト	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
グリフ	`#FFFFFF`	`#F1F1F1`	`#1E1E1E`	`HighlightText`

フォーカスがある

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`#FDF4BF`	`#1F1F20`	`#FDF4BF`	`Highlight`
Border	`#3399FF`	`#007ACC`	`#E5C365`	`HighlightText`
テキスト	`#1E1E1E`	`#F1F1F1`	`#1E1E1E`	`HighlightText`
グリフ	`#1E1E1E`	`#F1F1F1`	`#424242`	`HighlightText`

ドロップダウン/コンボボックスのコントロール

Note

最初の外観

既定値

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
表示
背景	`##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`
テキスト	`#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`
テキスト	`#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`
テキスト	`#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`
テキスト	`#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`
テキスト	`#1E1E1E`	`#FFFFFF`	`#000000`	`MenuText`
背景の影	`#19000000`	`#19000000`	`#19000000`	`ControlDark`

ホバーする

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
背景	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#CCCEDB`	`#3F3F46`	`#FDF4BF`	`HighlightText`
テキスト	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`

押下

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
背景	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#CCCEDB`	`#3F3F46`	`#FDF4BF`	`HighlightText`
テキスト	`#1E1E1E`	`#FFFFFF`	`#000000`	`HighlightText`

フォーカスがある

	ライトテーマ	濃色テーマ	青色テーマ	ハイコントラスト
背景	`#F6F6F6`	`#3F3F46`	`#FDF4BF`	`Highlight`
Border	`#C9DEF5`	`#3F3F46`	`#FDF4BF`	`HighlightText`
テキスト	`#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 のロゴ