次の方法で共有


Visual Studio のカラー値の参照

このトピックは、新しい色トークンを作成するためのリファレンスです。 新しい 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 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFEEEEF2 swatch
#FFEEEEF2
ControlDark swatch
ControlDark

展開グリフ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Window swatch
Window
前景: ホバー時 #FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
HighlightText swatch
HighlightText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFFFCF4 swatch
#FFFFFCF4
Highlight swatch
Highlight
Border #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Window swatch
Window
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFE5C365 swatch
#FFE5C365
WindowFrame swatch
WindowFrame

埋め込みタブ コントロール: 本文

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFE7E8EC swatch
#FFE7E8EC
#FF1B1B1C swatch
#FF1B1B1C
#FFE7E8EC swatch
#FFE7E8EC
Control swatch
Control
Border #FFE7E8EC swatch
#FFE7E8EC
##FF1B1B1C swatch
#FF1B1B1C
#FFE7E8EC swatch
#FFE7E8EC
WindowFrame swatch
WindowFrame

埋め込みタブ コントロール: アクティブなタブ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 ##FFE7E8EC swatch
#FFE7E8EC
#FF1B1B1C swatch
#FF1B1B1C
#FFE7E8EC swatch
#FFE7E8EC
Highlight swatch
Highlight
Border #FFE7E8EC swatch
#FFE7E8EC
#FF1B1B1C swatch
#FF1B1B1C
#FFE7E8EC swatch
#FFE7E8EC
WindowFrame swatch
WindowFrame

埋め込みタブ コントロール: 非アクティブなタブ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control
前景: ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFEFEFE swatch
#FFFEFEFE
Highlight swatch
Highlight
前景: 無効 #FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
GrayText swatch
GrayText
背景: 無効 ##FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control
Border #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
WindowFrame swatch
WindowFrame
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFEFEFE swatch
#FFFEFEFE
WindowFrame swatch
WindowFrame
境界線: 無効 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
WindowFrame swatch
WindowFrame

セクション ヘッダー

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
##FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
前景: ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景 #FFEEEEF2 swatch
#FFEEEEF2
#FF292929 swatch
#FF292929
#FFEEEEF2 swatch
#FFEEEEF2
Control swatch
Control
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFFFCF4 swatch
#FFFFFCF4
Highlight swatch
Highlight
Border なし None None なし
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFE5C365 swatch
#FFE5C365
WindowFrame swatch
WindowFrame

カテゴリ グループ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
本文の前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
本文の背景 #FFF5F5F5 swatch
#FFF5F5F5
FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control
グリフの前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
WindowText swatch
WindowText
前景 (グリフ): ホバー時 #FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
WindowText swatch
WindowText

トグル ボタン

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
WindowText swatch
WindowText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Window swatch
Window
前景: ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFFFCF4 swatch
#FFFFFCF4
Highlight swatch
Highlight
前景: 選択されている #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景: 選択されている #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFFDF4BF swatch
#FFFDF4BF
Highlight swatch
Highlight
前景: 無効 #FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
ControlText swatch
ControlText
背景: 無効 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Window swatch
Window
Border #FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FFCCCEDB swatch
#FFCCCEDB
Window swatch
Window
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFE5C365 swatch
#FFE5C365
WindowFrame swatch
WindowFrame
境界線: 選択されている #FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FFE5C365 swatch
#FFE5C365
WindowFrame swatch
WindowFrame
境界線: 無効 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
WindowFrame swatch
WindowFrame

入力フィールド

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFFFFFFF swatch
#FFFFFFFF
#FF333337 swatch
#FF333337
#FFFCFCFC swatch
#FFFCFCFC
Control swatch
Control
前景: 無効 #FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
GrayText swatch
GrayText
背景: 無効 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control
Border #FFCCCEDB swatch
#FFCCCEDB
#FF434346 swatch
#FF434346
#FFCCCEDB swatch
#FFCCCEDB
ControlDark swatch
ControlDark
境界線: 無効 #FFCCCEDB swatch
#FFCCCEDB
#FF434346 swatch
#FF434346
#FFC6C6C6 swatch
#FFC6C6C6
ControlDark swatch
ControlDark

リスト項目

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
前景: ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
Swatch of the RGBA color value #72555555 used for background hover with list items in the dark theme.
#72555555
#FFFDF4BF swatch
#FFFDF4BF
Highlight swatch
Highlight
前景: 選択されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 選択されている #FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight
前景: 無効 #FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
GrayText swatch
GrayText
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
Swatch of the RGBA color value #72555555 used for border hover with list items in the dark theme.
#72555555
#FFFDF4BF swatch
#FFFDF4BF
WindowFrame swatch
WindowFrame
境界線: 選択されている #FFCCCEDB swatch
#FFCCCEDB
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
WindowFrame swatch
WindowFrame

コマンド ボタン

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFEFEFE swatch
#FFFEFEFE
Highlight swatch
Highlight
前景: 選択されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 押されている #FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
Highlight swatch
Highlight
前景: 無効 #FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
GrayText swatch
GrayText
背景: 無効 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Window swatch
Window
境界線: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
 #FF3E3E40 swatch
#FF3E3E40
#FFFEFEFE swatch
#FFFEFEFE
HighlightText swatch
HighlightText
境界線: 押されている #FF007ACC swatch
#FF007ACC
 #FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
HighlightText swatch
HighlightText
境界線: 無効 #FFCCCEDB swatch
#FFCCCEDB
 #FF434346 swatch
#FF434346
#FFC6C6C6 swatch
#FFC6C6C6
WindowFrame swatch
WindowFrame

プロパティのグリッド コントロールの要素

Properties grid in Light (left), Dark (center), and Blue (right) themes
ライト、ダーク、青色のテーマのプロパティのグリッド

Note

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

Content

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF000000 swatch
#FF000000
WindowText swatch
WindowText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFFFFFFF swatch
#FFFFFFFF
Control swatch
Control
前景: 選択され、フォーカスされている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 選択され、フォーカスされている #FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight
前景: 選択され、フォーカスされていない #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF000000 swatch
#FF000000
WindowText swatch
WindowText
背景: 選択され、フォーカスされていない #FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFEEEEF2 swatch
#FFEEEEF2
ControlDark swatch
ControlDark
分割線 #FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFEEEEF2 swatch
#FFEEEEF2
ControlDark swatch
ControlDark
ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF000000 swatch
#FF000000
WindowText swatch
WindowText
背景 #FF2D2D30 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFEEEEF2 swatch
#FFEEEEF2
ControlDark swatch
ControlDark

CodeLens UI

CodeLens UI

Note

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

Note

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

本文​​

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FF1E1E1E swatch
#FF1E1E1E
#FF1E1E1E swatch
#FF1E1E1E
WindowText swatch
WindowText
背景 #FFFCFCFC swatch
#FFFCFCFC
#FFFCFCFC swatch
#FFFCFCFC
#FFFCFCFC swatch
#FFFCFCFC
Window swatch
Window
前景: 選択されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 選択されている #FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight
背景: 強調表示 #FFFDFBAC swatch
#FFFDFBAC
#FFFDFBAC swatch
#FFFDFBAC
#FFFDFBAC swatch
#FFFDFBAC
HotTrack swatch
HotTrack
Border #FF6FC2E9 swatch
#FF6FC2E9
#FF6FC2E9 swatch
#FF6FC2E9
#FF6FC2E9 swatch
#FF6FC2E9
WindowFrame swatch
WindowFrame
ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
ハイパーリンクの前景 #FF0E70C0 swatch
#FF0E70C0
#FF0E70C0 swatch
#FF0E70C0
#FF0E70C0 swatch
#FF0E70C0
HotTrack swatch
HotTrack
区切り記号の前景 #FF9C9C9C swatch
#FF9C9C9C
#FF9C9C9C swatch
#FF9C9C9C
#FF9C9C9C swatch
#FF9C9C9C
HotTrack swatch
HotTrack

Grid コントロール

Grid control in Light (top), Dark (center), and Blue (bottom) themes
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのグリッド コントロール

Note

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

本文​​

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF000000 swatch
#FF000000
WindowText swatch
WindowText
前景: 選択されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText

サブセクション ヘッダー

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF717171 swatch
#FF717171
Swatch of the RGBA color value #FF999999 used for foreground with subsection headers in the dark theme.
#FF999999
#FF717171 swatch
#FF717171
GrayText swatch
GrayText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFFFFFFF swatch
#FFFFFFFF
Window swatch
Window
背景: 選択されている v swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight

[グリッド線]

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
項目 (前景) #FFF0F0F0 swatch
#FFF0F0F0
#FF000000 swatch
#FF000000
#FFF0F0F0 swatch
#FFF0F0F0
ScrollBar swatch
ScrollBar
ヘッダー (前景) #FFE0E3E6 swatch
#FFE0E3E6
#FF333337 swatch
#FF333337
#FFBEC3CB swatch
#FFBEC3CB
ControlDark swatch
ControlDark

マニフェスト デザイナー

Manifest Designer in Light (top), Dark (center), and Blue (bottom) themes
ライト (上)、ダーク (中央)、および青色 (下部) のテーマのマニフェスト デザイナー

Note

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

本文​​

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control

アクティブなタブ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ActiveCaptionText swatch
ActiveCaptionText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
ActiveCaption swatch
ActiveCaption

非アクティブなタブ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
InactiveCaptionText swatch
InactiveCaptionText
背景 #FFFEFEFE swatch
#FFFEFEFE
#FF333337 swatch
#FF333337
#FFFEFEFE swatch
#FFFEFEFE
HighlightText swatch
HighlightText
前景: ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
InactiveCaption swatch
InactiveCaption
背景: ホバー時 #FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FFCCCEDB swatch
#FFCCCEDB
Highlight swatch
Highlight

透かしテキスト

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF717171 swatch
#FF999999
Swatch showing an example of the RGBA color value #FF999999 used for foreground with watermark text in the dark theme.
#FF999999
#FF717171 swatch
#FF717171
GrayText swatch
GrayText
背景 #FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF6F6F6 swatch
#FFF6F6F6
Control swatch
Control

説明ペイン

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 #FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ControlText swatch
ControlText
背景 #FFEEEEF2 swatch
#FFEEEEF2
#FF252526 swatch
#FF252526
#FFFFFFFF swatch
#FFFFFFFF
Control swatch
Control

TFS タグ付け

TFS tagging in Light (top), Dark (center), and Blue (bottom) themes
ライト (上)、ダーク (中央)、および青色 (下部) のテーマの TFS タグ付け

Note

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

タグ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
前景 (テキスト) #FF1E1E1E swatch
#FF1E1E1E
#FFFFFFFF swatch
#FFFFFFFF
#FF1E1E1E swatch
#FF1E1E1E
ActiveCaptionText swatch
ActiveCaptionText
背景 #FFE1E6F1 swatch
#FFE1E6F1
#FF424242 swatch
#FF424242
#FFE9ECEE swatch
#FFE9ECEE
ActiveCaption swatch
ActiveCaption
前景 (テキスト): ホバー時 #FF1E1E1E swatch
#FF1E1E1E
#FFFFFFFF swatch
#FFFFFFFF
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景: ホバー時 #FFC9DEF5 swatch
#FFC9DEF5
#FF606060 swatch
#FF606060
#FFFDF4BF swatch
#FFFDF4BF
Highlight swatch
Highlight
前景 (テキスト): 押されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 押されている #FF3399FF swatch
#FF3399FF
 #FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight
前景 (テキスト): 選択されている #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景: 選択されている #FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
Highlight swatch
Highlight

ホバー時のグリフ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
グリフ #FF1E1E1E swatch
#FF1E1E1E
#FFFFFFFF swatch
#FFFFFFFF
#FF1E1E1E swatch
#FF1E1E1E
HighlightText swatch
HighlightText
背景 #FFF7F7F9 swatch
#FFF7F7F9
#FF393939 swatch
#FF393939
#FFFFFCF4 swatch
#FFFFFCF4
HighlightText swatch
HighlightText
Border #FFF7F7F9 swatch
#FFF7F7F9
#FF393939 swatch
#FF393939
#FFE5C365 swatch
#FFE5C365
HighlightText swatch
HighlightText
グリフ (押しながらホバー) #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
Highlight swatch
Highlight
背景 (押しながらホバー) #FF0E6198 swatch
#FF0E6198
#FF007ACC swatch
#FF007ACC
#FFFDF4BF swatch
#FFFDF4BF
HighlightText swatch
HighlightText
境界線 (押しながらホバー) #FF0E6198 swatch
#FF0E6198
#FF007ACC swatch
#FF007ACC
#FFE5C365 swatch
#FFE5C365
HighlightText swatch
HighlightText

選択されているグリフ

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
グリフ #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
HighlightText swatch
HighlightText
背景 #FF52B0EF swatch
#FF52B0EF
#FF52B0EF swatch
#FF52B0EF
#FF52B0EF swatch
#FF52B0EF
HighlightText swatch
HighlightText
Border #FF52B0EF swatch
#FF52B0EF
#FF52B0EF swatch
#FF52B0EF
#FF52B0EF swatch
#FF52B0EF
HighlightText swatch
HighlightText
グリフ (押しながらホバー) #FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
Highlight swatch
Highlight
背景 (押しながらホバー) #FF0E6198 swatch
#FF0E6198
#FF0E6198 swatch
#FF0E6198
#FF0E6198 swatch
#FF0E6198
HighlightText swatch
HighlightText
境界線 (押しながらホバー) #FF0E6198 swatch
#FF0E6198
#FF0E6198 swatch
#FF0E6198
#FF0E6198 swatch
#FF0E6198
HighlightText swatch
HighlightText

ボタン コントロール

Note

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

既定値

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Default button in the Light theme Default button in the Dark theme Default button in the Blue theme Default button in the High Contrast theme
前景 #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
ControlText swatch
ControlText
背景 #ECECF0 swatch
#ECECF0
#3F3F46 swatch
#3F3F46
#ECECF0 swatch
#ECECF0
Control swatch
Control
Border #CCCEDB swatch
#CCCEDB
#555555 swatch
#555555
CCCEDB swatch
#CCCEDB
ControlDark swatch
ControlDark

無効

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Disabled button in the Light theme Disabled button in the Dark theme Disabled button in the Blue theme Disabled button in the High Contrast theme
前景 #A2A4A5 swatch
#A2A4A5
#656565 swatch
#656565
#A2A4A5 swatch
#A2A4A5
InactiveCaptionText swatch
InactiveCaptionText
背景 #F5F5F5 swatch
#F5F5F5
#2D2D30 swatch
#2D2D30
#F5F5F5 swatch
#F5F5F5
InactiveCaption swatch
InactiveCaption
Border #CCCEDB swatch
#CCCEDB
#3F3F46 swatch
#3F3F46
#CCCEDB swatch
#CCCEDB
InactiveBorder swatch
InactiveBorder

ホバーする

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Hover state button in the Light theme Hover state button in the Dark theme Hover state button in the Blue theme Hover state button in the High Contrast theme
前景 #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
ActiveCaptionText swatch
ActiveCaptionText
背景 #C9DEF5 swatch
#C9DEF5
#3F3F46 swatch
#3F3F46
#C9DEF5 swatch
#C9DEF5
ActiveCaption swatch
ActiveCaption
Border #CCCEDB swatch
#CCCEDB
#007ACC swatch
#007ACC
#3399FF swatch
#3399FF
ActiveBorder swatch
ActiveBorder

押下

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Pressed button in the Light theme Pressed button in the Dark theme Pressed button in the Blue theme Pressed button in the High Contrast theme
前景 #FFFFFF swatch
#FFFFFF
#F1F1F1 swatch
#F1F1F1
#FFFFFF swatch
#FFFFFF
HighlightText swatch
HighlightText
背景 #007ACC swatch
#007ACC
#007ACCswatch
#007ACC
#007ACC swatch
#007ACC
Highlight swatch
Highlight
Border #007ACC swatch
#007ACC
#007ACCswatch
#007ACC
#007ACC swatch
#007ACC
HighlightText swatch
HighlightText

フォーカスがある

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Focused button in the Light theme Focused button in the Dark theme Focused button in the Blue theme Focused button in the High Contrast theme
前景 #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
HighlightText swatch
HighlightText
背景 #C9DEF5 swatch
#C9DEF5
#3F3F46 swatch
#3F3F46
#C9DEF5 swatch
#C9DEF5
Highlight swatch
Highlight
Border #3399FF swatch
#3399FF
#007ACC swatch
#007ACC
#3399FF swatch
#3399FF
HighlightText swatch
HighlightText

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

Note

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

既定値

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Default check box in the Light theme Default check box in the Dark theme Default check box in the Blue theme Default check box in the High Contrast theme
背景 #FEFEFE swatch
#FEFEFE
#252526 swatch
#252526
#FEFEFE swatch
#FEFEFE
Control swatch
Control
Border #717171 swatch
#717171
#999999 swatch
#999999
#717171 swatch
#717171
ControlDark swatch
ControlDark
テキスト #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
ControlText swatch
ControlText
グリフ  swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
ControlText swatch
ControlText

無効

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Disabled check box in the Light theme Disabled check box in the Dark theme Disabled check box in the Blue theme Disabled check box in the High Contrast theme
背景 #F6F6F6 swatch
#F6F6F6
#2D2D30 swatch
#2D2D30
#F6F6F6 swatch
#F6F6F6
InactiveCaption swatch
InactiveCaption
Border #C6C6C6 swatch
#C6C6C6
#F434346 swatch
#434346
#C6C6C6 swatch
#C6C6C6
InactiveBorder swatch
InactiveBorder
テキスト #A2A4A5 swatch
#A2A4A5
#656565 swatch
#656565
#A2A4A5 swatch
#A2A4A5
InactiveCaption swatch
InactiveCaption
グリフ #A2A4A5 swatch
#A2A4A5
#656565 swatch
#656565
#A2A4A5 swatch
#A2A4A5
InactiveCaptionText swatch
InactiveCaptionText

ホバーする

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Hover state check box in the Light theme Hover state check box in the Dark theme Hover state check box in the Blue theme Hover state check box in the High Contrast theme
背景 #F3F9FF swatch
#F3F9FF
#1F1F20 swatch
#1F1F20
#FDF4BF swatch
#FDF4BF
Highlight swatch
Highlight
Border #3399FF swatch
#3399FF
##007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
HighlightText swatch
HighlightText
グリフ #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#424242 swatch
#424242
HighlightText swatch
HighlightText

押下

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Pressed check box in the Light theme Pressed check box in the Dark theme Pressed check box in the Blue theme Pressed check box in the High Contrast theme
背景 #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
Highlight swatch
Highlight
Border #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
HighlightText swatch
HighlightText
グリフ #FFFFFF swatch
#FFFFFF
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
HighlightText swatch
HighlightText

フォーカスがある

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Focused check box in the Light theme Focused check box in the Dark theme Focused check box in the Blue theme Focused check box in the High Contrast theme
背景 #FDF4BF swatch
#FDF4BF
#1F1F20 swatch
#1F1F20
#FDF4BF swatch
#FDF4BF
Highlight swatch
Highlight
Border #3399FF swatch
#3399FF
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#1E1E1E swatch
#1E1E1E
HighlightText swatch
HighlightText
グリフ #1E1E1E swatch
#1E1E1E
#F1F1F1 swatch
#F1F1F1
#424242 swatch
#424242
HighlightText swatch
HighlightText

Note

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

最初の外観

既定値

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Default drop-down/combo box in the Light theme Default drop-down/combo box in the Dark theme Default drop-down/combo box in the Blue theme Default drop-down/combo box in the High Contrast theme
背景 ##007ACC swatch
##007ACC
#333337 swatch
#333337
#FCFCFC swatch
#FCFCFC
Control swatch
Control
Border #CCCEDB swatch
#CCCEDB
#434346 swatch
#434346
#8591A2 swatch
#8591A2
ControlLight swatch
ControlLight
Separator #FFFFFF swatch
#FFFFFF
#333337 swatch
#333337
#FCFCFC swatch
#FCFCFC
ControlLight swatch
ControlLight
グリフ #717171 swatch
#717171
#999999 swatch
#999999
#1B293E swatch
#1B293E
ControlText swatch
ControlText
グリフの背景 #FFFFFF swatch
#FFFFFF
#333337 swatch
#333337
#FCFCFC swatch
#FCFCFC
Control swatch
#Control

無効

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Disabled drop-down/combo box in the Light theme Disabled drop-down/combo box in the Dark theme Disabled drop-down/combo box in the Blue theme Disabled drop-down/combo box in the High Contrast theme
背景 #EEEEF2 swatch
#EEEEF2
#2D2D30 swatch
#2D2D30
#DFE7F3 swatch
#DFE7F3
InactiveCaption swatch
InactiveCaption
Border #CCCEDB swatch
#CCCEDB
#434346 swatch
#434346
#A4ADBA swatch
#A4ADBA
InactiveBorder swatch
InactiveBorder
テキスト #A2A4A5 swatch
#A2A4A5
# 656565swatch
#656565
#A2A4A5 swatch
#A2A4A5
InactiveCaptionText swatch
InactiveCaptionText
Separator #EEEEF2 swatch
#EEEEF2
#2D2D30 swatch
#2D2D30
#D5DCE8 swatch
#D5DCE8
InactiveBorder swatch
InactiveBorder
グリフ #CCCEDB swatch
#CCCEDB
#656565 swatch
#656565
#A2A4A5 swatch
#A2A4A5
InactiveCaptionText swatch
InactiveCaptionText
グリフの背景 #EEEEF2 swatch
#EEEEF2
#2D2D30 swatch
#2D2D30
#D5DCE8 swatch
#D5DCE8
InactiveCaption swatch
InactiveCaption

ホバーする

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Hover state drop-down/combo box in the Light theme Hover state drop-down/combo box in the Dark theme Hover state drop-down/combo box in the Blue theme Hover state drop-down/combo box in the High Contrast theme
背景 #007ACC swatch
#007ACC
#3F3F46 swatch
#3F3F46
#FCFCFC swatch
#FCFCFC
Highlight swatch
Highlight
Border #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#007ACC swatch
#007ACC
#000000 swatch
#000000
HighlightText swatch
HighlightText
Separator #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
グリフ # 1E1E1Eswatch
#1E1E1E
#007ACC swatch
#007ACC
#000000 swatch
#000000
HighlightText swatch
HighlightText
グリフの背景 #C9DEF5 swatch
#C9DEF5
#1F1F20 swatch
#1F1F20
#FDF4BF swatch
#FDF4BF
Highlight swatch
Highlight

押下

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Pressed drop-down/combo box in the Light theme Pressed drop-down/combo box in the Dark theme Pressed drop-down/combo box in the Blue theme Pressed drop-down/combo box in the High Contrast theme
背景 #FFFFFF swatch
#FFFFFF
#3F3F46 swatch
#3F3F46
#FCFCFC swatch
#FCFCFC
Highlight swatch
Highlight
Border #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#FFFFFF swatch
#FFFFFF
#000000 swatch
#000000
HighlightText swatch
HighlightText
Separator #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
グリフ # FFFFFFswatch
#FFFFFF
#FFFFFF swatch
#FFFFFF
#000000 swatch
#000000
HighlightText swatch
HighlightText
グリフの背景 #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
Highlight swatch
Highlight

フォーカスがある

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Focused drop-down/combo box in the Light theme Focused drop-down/combo box in the Dark theme Focused drop-down/combo box in the Blue theme Focused drop-down/combo box in the High Contrast theme
背景 #FFFFFF swatch
#FFFFFF
#3F3F46 swatch
#3F3F46
#FCFCFC swatch
#FCFCFC
Highlight swatch
Highlight
Border #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
テキスト #1E1E1E swatch
#1E1E1E
#FFFFFF swatch
#FFFFFF
#000000 swatch
#000000
HighlightText swatch
HighlightText
Separator #007ACC swatch
#007ACC
#007ACC swatch
#007ACC
#E5C365 swatch
#E5C365
HighlightText swatch
HighlightText
グリフ #1E1E1E swatch
#1E1E1E
#007ACC swatch
#007ACC
#000000 swatch
#000000
HighlightText swatch
HighlightText
グリフの背景 #C9DEF5 swatch
#C9DEF5
#3F3F46 swatch
#3F3F46
#FCFCFC swatch
#FCFCFC
Highlight swatch
Highlight

リスト (押したときに表示されます)

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
Default drop-down/combo box list appearance in the Light theme Default drop-down/combo box list appearance in the Dark theme Default drop-down/combo box list appearance in the Blue theme Default drop-down/combo box list appearance in the High Contrast theme

既定値

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
背景 #F6F6F6 swatch
#F6F6F6
#1B1B1C swatch
#1B1B1C
#EFEFEF swatch
#EFEFEF
Menu swatch
Menu
Border #CCCEDB swatch
#CCCEDB
#3F3F46 swatch
#3F3F46
#98A7B7 swatch
#98A7B7
MenuText swatch
MenuText
テキスト #1E1E1E swatch
#1E1E1E
#FFFFFF swatch
#FFFFFF
#000000 swatch
#000000
MenuText swatch
MenuText
背景の影 #19000000 swatch
#19000000
#19000000 swatch
#19000000
#19000000 swatch
#19000000
ControlDark swatch
ControlDark

ホバーする

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

押下

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

フォーカスがある

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

テキスト入力選択

ライト テーマ 濃色テーマ 青色テーマ ハイコントラスト
表示 Drop-down/combo box text input selection in the Light theme Drop-down/combo box text input selection in the Dark theme Drop-down/combo box text input selection in the Blue theme Drop-down/combo box text input selection in the High Contrast theme
テキスト入力の選択 #66007ACC swatch
#66007ACC
#66007ACC swatch
#66007ACC
#66007ACC swatch
#66007ACC
HighlightText swatch
HighlightText

機能別の色見本

"ライト" 濃色 使用目的 ...
#FFC9DEF5 swatch
#FFC9DEF5
#FF2D2D30 swatch
#FF2D2D30
#FFFDF4BF swatch
#FFFDF4BF
操作ボタン、コンボ ボックス項目、コマンド バー ボタン、ドロップダウン ボタン、およびメニュー項目: 背景
#FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FF465A7D swatch
#FF465A7D
[自動的に隠す] タブの境界線
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF293955 swatch
#FF293955
[自動的に隠す] タブの既定値とホバー時の背景
#FF444444 swatch
#FF444444
#FFD0D0D0 swatch
#FFD0D0D0
#FFFFFFFF swatch
#FFFFFFFF
[自動的に隠す] タブのテキスト、フォーカスされていないツール ウィンドウのタイトル バーのテキスト、およびツール ウィンドウのタブのテキスト
#FF0E70C0 swatch
#FF0E70C0
#FF0097FB swatch
#FF0097FB
#FFFFFFFF swatch
#FFFFFFFF
[自動的に隠す] タブのテキスト: ホバー時
#FF1C97EA swatch
#FF1C97EA
#FF1C97EA swatch
#FF1C97EA
#FF5B7199 swatch
#FF5B7199
背景ドキュメント タブ: ホバー時の背景と境界線
#FFFFFFFF swatch
#FFFFFFFF
#FF333337 swatch
#FF333337
#FFFFFFFF swatch
#FFFFFFFF
コンボ ボックスと検索ボックスの入力フィールド: 既定の背景
#FFFFFFFF swatch
#FFFFFFFF
#FF333337 swatch
#FF333337
#FFFFFFFF swatch
#FFFFFFFF
コンボ ボックスと一部のドロップダウン リストのメニュー項目: ホバーおよびマウス ダウン時の背景
#FF007ACC swatch
#FF007ACC
#FF1F1F20 swatch
#FF1F1F20
#FFFDF4BF swatch
#FFFDF4BF
コンボ ボックスのボタン: ホバー時の背景
#FFCCCEDB swatch
#FFCCCEDB
#FF434346 swatch
#FF434346
#FFA4ADBA swatch
#FFA4ADBA
コンボ ボックス、ドロップダウン リスト、検索コントロール、テキスト ボックス: 無効にされた境界線
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFD5DCE8 swatch
#FFD5DCE8
コンボ ボックス、ドロップダウン、テキスト ボックス: 無効にされた背景
#FF717171 swatch
#FF717171
#FFF1F1F1 swatch
#FFF1F1F1
#FF1B293E swatch
#FF1B293E
コンボ ボックス: 既定のグリフ
#FFC9DEF5 swatch
#FFC9DEF5
Swatch of the RGBA color value #72555555 used for background on hover with command bar options in the dark theme.
#72555555
#FFFDF4BF swatch
#FFFDF4BF
コマンド バーのオプション: ホバー時の背景
#FF717171 swatch
#FF717171
Swatch of the RGBA color value #FF999999 used for default glyphs with command bar options in the dark theme.
#FF999999
#FF1B293E swatch
#FF1B293E
コマンド バーのオプション: 既定のグリフ
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF1B293E swatch
#FF1B293E
コマンド バーのオプション: ホバー時のグリフ
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FF1B293E swatch
#FF1B293E
コマンド バーのオプション: マウス ダウン時のグリフ
#FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1B293E swatch
#FF1B293E
コマンド バーのテキスト、ドロップダウン、コンボ ボックスのメニュー項目のテキスト
#FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF000000 swatch
#FF000000
コマンド バー: ホバー、マウス ダウン、および選択されたテキスト
#FFCCCEDB swatch
#FFCCCEDB
#FF222222 swatch
#FF222222
#FF8591A2 swatch
#FF8591A2
コマンド バー: ツール バーの区分線
#FFF5F5F5 swatch
#FFF5F5F5
#FF46464A swatch
#FF46464A
#FFD6DBE9 swatch
#FFD6DBE9
コマンド バー: ツール バーの区分線の強調表示
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFD6DBE9 swatch
#FFD6DBE9
コマンド シェルフの背景
#FFCCCEDB swatch
#FFCCCEDB
#FF434346 swatch
#FF434346
#FF8591A2 swatch
#FF8591A2
既定の境界線とコマンド バーの区分線
#FFCCCEDB swatch
#FFCCCEDB
#FF434346 swatch
#FF434346
#FF8591A2 swatch
#FF8591A2
既定のドロップダウン リストとコンボ ボックスの選択/入力フィールドの境界線
#FF717171 swatch
#FF717171
Swatch of the RGBA color value #FF999999 used for default menu and submenu glyphs in the dark theme.
#FF999999
#FF000000 swatch
#FF000000
既定のメニューとサブメニューのグリフ
#FFF6F6F6 swatch
#FFF6F6F6
#FF1B1B1C swatch
#FF1B1B1C
#FFEAF0FF swatch
#FFEAF0FF
既定のメニューの背景
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
既定のステータス バーの背景
#FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FFA2A4A5 swatch
#FFA2A4A5
選択不可のテキスト
#FFE7E8EC swatch
#FFE7E8EC
#FF1B1B1C swatch
#FF1B1B1C
#FFFFFFFF swatch
#FFFFFFFF
ドッキング ターゲットの背景
#FFCCCEDB swatch
#FFCCCEDB
#FF333337 swatch
#FF333337
#FF636871 swatch
#FF636871
ドッキング ターゲットの境界線
#FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFF5F8FB swatch
#FFF5F8FB
ドッキング ターゲット ボタンの背景
#FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFFDE8A7 swatch
#FFFDE8A7
ドッキング ターゲットのグリフの背景
#FF52B0EF swatch
#FF52B0EF
#FF52B0EF swatch
#FF52B0EF
#FFFFFCF4 swatch
#FFFFFCF4
ドキュメントおよびツール ウィンドウのボタン: ホバー時のアクティブな背景
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FFE5C365 swatch
#FFE5C365
マウス ダウン時のドロップダウン ボタンとコマンド バーのボタンの背景
#FFC9DEF5 swatch
#FFC9DEF5
#FF1F1F20 swatch
#FF1F1F20
#FFFDF4BF swatch
#FFFDF4BF
ドロップダウンのボタン: ホバー時の背景
#FFF6F6F6 swatch
#FFF6F6F6
#FF1B1B1C swatch
#FF1B1B1C
#FFEFEFEF swatch
#FFEFEFEF
ドロップダウン リストとコンボ ボックスのドロップダウン メニューの背景
#FFFFFFFF swatch
#FFFFFFFF
#FF3F3F46 swatch
#FF3F3F46
#FFFCFCFC swatch
#FFFCFCFC
ドロップダウン リスト、コンボ ボックス、および検索コントロールのドロップダウン メニュー: ホバーおよびマウス ダウン時の背景
#FF1E1E1E swatch
#FF1E1E1E
#FF007ACC swatch
#FF007ACC
#FF000000 swatch
#FF000000
ホバー時のドロップダウン リスト、コンボ ボックス、検索コントロール、メニュー、サブメニューのグリフ
#FF717171 swatch
#FF717171
Swatch of the RGBA color value #FF999999 used for default glyphs in drop-down list, menu, and split buttons, in the dark theme.
#FF999999
#FF1B293E swatch
#FF1B293E
ドロップダウン リスト、メニュー、分割ボタン: 既定のグリフ
#FF007ACC swatch
#FF007ACC
#FF434346 swatch
#FF434346
#FFE5C365 swatch
#FFE5C365
ドロップダウン リスト: ホバーおよびマウス ダウン時の境界線
#FFFFFFFF swatch
#FFFFFFFF
#FF333337 swatch
#FF333337
#FFFCFCFC swatch
#FFFCFCFC
ドロップダウン リスト: 既定の背景
#FF0E70C0 swatch
#FF0E70C0
#FF0097FB swatch
#FF0097FB
#FF0E70C0 swatch
#FF0E70C0
ドロップダウン メニューのリンクのテキスト
#FFC9DEF5 swatch
#FFC9DEF5
#FF1F1F20 swatch
#FF1F1F20
#FFFDF4BF swatch
#FFFDF4BF
フォーカスされたコンボ ボックスのドロップダウン ボタンの背景
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF293955 swatch
#FF293955
フォーカスされたツール ウィンドウのタイトル バーとドキュメント ウィンドウのタブの背景
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FFFFF29D swatch
#FFFFF29D
フォーカスされたツール ウィンドウのタイトル バーとドキュメント ウィンドウのタブの境界線
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
暗い面に対して表示されるグリフ
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF293955 swatch
#FF293955
IDE と選択されていないプレビュー タブの背景
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF35496A swatch
#FF35496A
IDE の背景のグラデーション
#FFA2A4A5 swatch
#FFA2A4A5
#FF656565 swatch
#FF656565
#FF808080 swatch
#FF808080
非アクティブなコマンド バーとメニューのテキスト
#D8FFFFFF swatch
#D8FFFFFF
Swatch of the RGBA color value #72555555 used for background on hover with main window and rafted window buttons in the dark theme.
#72555555
#FFFFFCF4 swatch
#FFFFFCF4
メイン ウィンドウとフローティング ウィンドウのボタン: ホバー時の背景
#D8FFFFFF swatch
#D8FFFFFF
Swatch of the RGBA color value #72555555 used for border on hover with main window and rafted window buttons in the dark theme.
#72555555
#FFE5C365 swatch
#FFE5C365
メイン ウィンドウとフローティング ウィンドウのボタン: ホバー時の境界線
#FFE0E3E6 swatch
#FFE0E3E6
#FF333337 swatch
#FF333337
#FFCCCEDB swatch
#FFCCCEDB
メニュー バーのメニュー グループの区分線
#FFF6F6F6 swatch
#FFF6F6F6
#FF1B1B1C swatch
#FF1B1B1C
#FFF2F4FE swatch
FFF2F4FE
メニュー アイコン チャネルの背景
#FFC9DEF5 swatch
#FFC9DEF5
#FF333334 swatch
#FF333334
#FFFDF4BF swatch
#FFFDF4BF
メニュー項目: ホバー時の背景
#FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1B293E swatch
#FF1B293E
メニュー: マウス ダウン時のグリフ
#FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFDF4BF swatch
#FFFDF4BF
ホバー時のほとんどの背景と境界線
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FFE5C365 swatch
#FFE5C365
マウス ダウンおよびホバー時のほとんどの境界線と区分線
#FF1E1E1E swatch
#FF1E1E1E
#FFF1F1F1 swatch
#FFF1F1F1
#FF1E1E1E swatch
#FF1E1E1E
ほとんどのテキスト
#FF6A6A6A swatch
#FF6A6A6A
#FFEFEBEF swatch
#FFEFEBEF
#FF6A6A6A swatch
#FF6A6A6A
押されたスクロール バーのつまみ
#FF442359 swatch
#FF442359
#FF442359 swatch
#FF442359
#FFFDF4BF swatch
#FFFDF4BF
一時的なドキュメント タブのボタン、選択時または背景: マウス ダウン時の背景
#FF68217A swatch
#FF68217A
#FF68217A swatch
#FF68217A
#FF3399FF swatch
#FF3399FF
一時的なドキュメント タブ: アクティブな背景と境界線
#FFF5F5F5 swatch
#FFF5F5F5
#FF3E3E42 swatch
#FF3E3E42
#FFE8E8EC swatch
#FFE8E8EC
スクロール バーとスクロール バーの矢印: 既定、無効、ホバー、およびマウス ダウン時の背景
#FF1C97EA swatch
#FF1C97EA
#FF1C97EA swatch
#FF1C97EA
#FF1C97EA swatch
#FF1C97EA
ホバー時のスクロール バーの矢印のグリフ
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
スクロール バーの矢印: マウス ダウン時のグリフ
#FF888888 swatch
#FF888888
#FF9E9E9E swatch
#FF9E9E9E
#FF888888 swatch
#FF888888
スクロール バーのつまみ: ホバー時の背景と境界線
#FF6A6A6A swatch
#FF6A6A6A
#FFEFEBEF swatch
#FFEFEBEF
#FF6A6A6A swatch
#FF6A6A6A
スクロール バーのつまみ: マウス ダウン時の背景と境界線
#FFDEDFE7 swatch
#FFDEDFE7
#FF686868 swatch
#FF686868
#FFD0D1D7 swatch
#FFD0D1D7
スクロール バーのつまみ: 既定の背景と境界線
#FF0E70C0 swatch
#FF0E70C0
#FF0097FB swatch
#FF0097FB
#FF0E70C0 swatch
#FF0E70C0
検索コントロールの "クリア" グリフ
#FFC9DEF5 swatch
#FFC9DEF5
#FF2D2D30 swatch
#FF2D2D30
#FFFDF4BF swatch
#FFFDF4BF
検索コントロールのドロップダウン ボタン: フォーカスされた背景
#FFC9DEF5 swatch
#FFC9DEF5
Swatch of the RGBA color value #72555555 used for background and border on hover and mouse down with search drop-down menu items in the dark theme.
#72555555
#FFFDF4BF swatch
#FFFDF4BF
検索ドロップダウン メニュー項目: ホバーおよびマウス ダウン時の背景と境界線
#FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FFFFFCF4 swatch
#FFFFFCF4
選択されているアイコン: ホバー時の背景
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
#FF3399FF swatch
#FF3399FF
選択されている項目: 背景や境界線
#FF9B4F96 swatch
#FF9B4F96
#FF9B4F96 swatch
#FF9B4F96
#FFFFFCF4 swatch
#FFFFFCF4
選択され、フォーカスされている一時的なドキュメント タブのボタン: ホバー時の背景
#FFB7B9C5 swatch
#FFB7B9C5
#FF1B1B1C swatch
#FF1B1B1C
#FFFDF4BF swatch
#FFFDF4BF
選択され、フォーカスされていないドキュメントおよび一時的なタブのボタン: マウス ダウン時の背景
#FFE6E7ED swatch
#FFE6E7ED
#FF555555 swatch
#FF555555
#FFFFFCF4 swatch
#FFFFFCF4
選択され、フォーカスされていないドキュメントおよび一時的なタブ: ホバー時の背景
#FFE6E7ED swatch
#FFE6E7ED
#FF555555 swatch
#FF555555
#FFE5C365 swatch
#FFE5C365
選択され、フォーカスされていないドキュメントおよび一時的なタブ: ホバー時の境界線
#FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FFCCCEDB swatch
#FFCCCEDB
選択され、フォーカスされていないツリー ビューの背景
#FFE0E3E6 swatch
#FFE0E3E6
#FF333337 swatch
#FF333337
#FFCCCEDB swatch
#FFCCCEDB
区分線: メニュー バーのメニュー グループ、分割ボタン、および検索コントロールのドロップダウン メニューのセクション
#FF717171 swatch
#FF717171
Swatch of the RGBA color value #FF999999 used for some instances of unfocused text in the dark theme.
#FF999999
#FF717171 swatch
#FF717171
フォーカスされていないテキストの一部のインスタンス
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
ステータス バー、選択されている、アクティブなテキスト
#FFE51400 swatch
#FFE51400
#FFE51400 swatch
#FFE51400
#FFE51400 swatch
#FFE51400
停止、エラー
Swatch of the RGBA color value #FF999999 used for title bar drag handles in the light theme.
#FF999999
#FF46464A swatch
#FF46464A
#FF4D6082 swatch
#FF4D6082
タイトル バーのドラッグ ハンドル
#FF525252 swatch
#FF525252
Swatch of the RGBA color value #FF999999 used for title bar text for the main window and floating document windows in the dark theme.
#FF999999
#FF000000 swatch
#FF000000
メイン ウィンドウとフローティング ドキュメント ウィンドウのタイトル バーのテキスト
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFD6DBE9 swatch
#FFD6DBE9
タイトル バー、メニュー バー、およびコマンド バーの背景
#FFFFFFFF swatch
#FFFFFFFF
#FFFFFFFF swatch
#FFFFFFFF
#FF000000 swatch
#FF000000
ツール ウィンドウとドキュメント タブのボタン: 既定、ホバー、およびマウス ダウン時のグリフ
#FF0E6198 swatch
#FF0E6198
#FF0E6198 swatch
#FF0E6198
#FFFFE8A6 swatch
#FFFFE8A6
ツール ウィンドウと選択されているドキュメント ウィンドウのボタン: マウス ダウン時の背景と境界線
#FFF5F5F5 swatch
#FFF5F5F5
#FF252526 swatch
#FF252526
#FFFFFFFF swatch
#FFFFFFFF
ツール ウィンドウの背景
#FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FF8E9BBC swatch
#FF8E9BBC
ツール ウィンドウの境界線
#FF0E70C0 swatch
#FF0E70C0
#FF0097FB swatch
#FF0097FB
#FF000000 swatch
#FF000000
ツール ウィンドウの選択されたタブのテキスト
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FFFFF29D swatch
#FFFFF29D
ツール ウィンドウのタイトル バーとドキュメント ウィンドウのタブ: フォーカスされた背景と境界線
#FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FF4B5C74 swatch
#FF4B5C74
ツール ウィンドウの選択されてないタブ: 既定とホバー時の背景
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF4B5C74 swatch
#FF4B5C74
ツール ウィンドウの選択されていないタブ: 既定の境界線
#FFC9DEF5 swatch
#FFC9DEF5
#FF3E3E40 swatch
#FF3E3E40
#FF4B5C74 swatch
#FF4B5C74
ツール ウィンドウの選択されていないタブ: ホバー時の境界線
#FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FF4B5C74 swatch
#FF4B5C74
ツール ウィンドウの選択されていないタブ: 区分線
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFCFD6E5 swatch
#FFCFD6E5
ツール バーの背景
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFDCE0EC swatch
#FFDCE0EC
ツール バーの境界線
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FFDCE0EC swatch
#FFDCE0EC
ツール バーのオプションの背景
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
#FF007ACC swatch
#FF007ACC
ツリー ビュー: ホバー時の既定または選択されている、フォーカスされていないグリフ
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF4D6082 swatch
#FF4D6082
フォーカスされていないドキュメント タブ、プレビュー タブ、およびツール ウィンドウのタイトル バーの背景
#FFCCCEDB swatch
#FFCCCEDB
#FF3F3F46 swatch
#FF3F3F46
#FF4D6082 swatch
#FF4D6082
フォーカスされていないドキュメント タブ、プレビュー タブ、およびツール ウィンドウのタイトル バーの境界線
#FFF7F7F9 swatch
#FFF7F7F9
#FF393939 swatch
#FF393939
#FFFFFCF4 swatch
#FFFFFCF4
フォーカスされていないツール ウィンドウのボタン: ホバー時の背景
#FFEEEEF2 swatch
#FFEEEEF2
#FF2D2D30 swatch
#FF2D2D30
#FF364E6F swatch
#FF364E6F
選択されていないドキュメント ウィンドウのタブの背景
#FFB064AB swatch
#FFB064AB
#FFB064AB swatch
#FFB064AB
#FFFFFCF4 swatch
#FFFFFCF4
選択されていない一時的なドキュメント タブのボタン: ホバー時の背景
#FF68217A swatch
#FF68217A
#FFFFFFFF swatch
#FFFFFFFF
#FF68217A swatch
#FF68217A
Visual Studio のロゴ