テーマ設定

Visual Studio Code には、3 種類のテーマがあります。

• カラーテーマ: UI コンポーネント識別子とテキストトークン識別子の両方を色にマッピングするものです。カラーテーマを使用すると、VS Code の UI コンポーネントとエディター内のテキストの両方に、お好みの色を適用できます。
• ファイルアイコンテーマ: ファイルの種類やファイル名を画像にマッピングするものです。ファイルアイコンは、エクスプローラー、クイックオープンリスト、エディタータブなど、VS Code UI 全体に表示されます。
• プロダクトアイコンテーマ: サイドバー、アクティビティバー、ステータスバーからエディターのグリフマージンに至るまで、UI 全体で使用されるアイコンのセットです。

カラースキーム

図に示すように、カラーテーマは UI コンポーネントの色と、エディター内のハイライトの色を定義します。

• colors マッピングは、UI コンポーネントの色を制御します。
• tokenColors は、エディター内のハイライトの色とスタイルを定義します。これに関する詳細は、構文ハイライトガイドを参照してください。
• semanticTokenColors マッピングと semanticHighlighting 設定を使用すると、エディター内のハイライトを強化できます。これに関連する API については、セマンティックハイライトガイドで説明しています。

テーマの作成方法を説明したカラーテーマガイドと、カラーテーマのサンプルを用意しています。

ファイルアイコンテーマ

ファイルアイコンテーマを使用すると、次のことが可能です。

• 固有のファイルアイコン識別子から画像またはフォントアイコンへのマッピングを作成する。
• ファイル名やファイルの言語タイプによって、ファイルをこれらの固有のファイルアイコン識別子に関連付ける。

ファイルアイコンテーマの作成方法については、ファイルアイコンテーマガイドを参照してください。

プロダクトアイコンテーマ

プロダクトアイコンテーマを使用すると、次のことが可能です。

ワークベンチで使用されるすべての組み込みアイコンを再定義する。例として、フィルターアクションボタンやビューアイコン、ステータスバーのアイコン、ブレークポイント、ツリーやエディター内の折りたたみアイコンなどがあります。

プロダクトアイコンテーマの作成方法については、プロダクトアイコンテーマガイドを参照してください。