このトピックは、新しい色トークンを作成するためのリファレンスです。 新しい UI を作成するときは、既存の UI と同様の色を使用して、各メイン テーマの色と、ハイコントラストのテーマにその要素のシステム カラー名を選択することができます。
新しい色トークンの作成に関する実装情報については、「配色テーマ ツール」を参照してください。
既存の UI で使用する色トークンについては、「Visual Studio の共有色」を参照してください。
このリファレンス ガイドを使用する場合は、次の点に注意してください。
常に、前景と背景の両方の色合いを一緒にコピーしてください。 色合いが好きだからといって、ある UI 要素から前景を、別の UI 要素から背景を、という選択はしないでください。
これらは、色トークンではなく、16 進数のコードです。 トークンが将来どのように変更されるかを制御できないため、これらの UI 要素の実際の色トークン名を使用することはできません。 代わりに、独自のカテゴリ内にトークンを作成し、表に示されている色合いの値を使用してください。 既存の UI の色トークンについては、「Visual Studio の共有色」を参照してください。
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
最良の結果を得るには、例と同様に、カラー セットと UI をペアにしてください。
プロパティ ウィンドウ
ライト、ダーク、および青色のテーマのプロパティ ウィンドウ
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 |
プロパティのグリッド コントロールの要素
ライト、ダーク、青色のテーマのプロパティのグリッド
Note
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
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
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
本文
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
前景 | ![]() #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 コントロール
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのグリッド コントロール
Note
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
本文
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
前景 | ![]() #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 |
マニフェスト デザイナー
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのマニフェスト デザイナー
Note
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
本文
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
前景 | ![]() #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 タグ付け
Note
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
タグ
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
前景 (テキスト) | ![]() #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
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
既定値
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
表示 | ![]() |
![]() |
![]() |
![]() |
前景 | ![]() #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
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
既定値
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
表示 | ![]() |
![]() |
![]() |
![]() |
背景 | ![]() #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
ハイコントラストの見本は比較のためだけに示されています。 ハイコントラスト UI のシステム カラー名を使用してください。これらの見本では、スポイトやカラー ピッカーを使用しないでください。 このトピックのハイコントラストの見本は、Windows のハイコントラスト #1 テーマを反映しています。 色は、他のハイコントラスト テーマでは表示が異なります。
最初の外観
既定値
ライト テーマ | 濃色テーマ | 青色テーマ | ハイコントラスト | |
---|---|---|---|---|
表示 | ![]() |
![]() |
![]() |
![]() |
背景 | ![]() ##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 のロゴ |