テーマ設定
Visual Studio Codeには、3種類のテーマがあります。
- カラーテーマ: UIコンポーネント識別子とテキストトークン識別子の両方から色へのマッピング。カラーテーマを使用すると、VS CodeのUIコンポーネントとエディターのテキストの両方にお好みの色を適用できます。
- ファイルアイコンテーマ: ファイルタイプ/ファイル名から画像へのマッピング。ファイルアイコンは、ファイルエクスプローラー、クイックオープンリスト、エディタータブなど、VS Code UI全体に表示されます。
- プロダクトアイコンテーマ: サイドバー、アクティビティバー、ステータスバーからエディターのグリフマージンまで、UI全体で使用されるアイコンのセット。
カラーテーマ
図に示すように、カラーテーマはUIコンポーネントの色と、エディターでのハイライトの色を定義します。
- UIコンポーネントの色を制御する
colorsマッピング。 tokenColorsは、エディターでのハイライトの色とスタイルを定義します。構文ハイライトガイドには、このトピックに関する詳細情報が記載されています。semanticTokenColorsマッピングとsemanticHighlighting設定により、エディターでのハイライトを強化できます。セマンティックハイライトガイドでは、それに関連するAPIについて説明しています。
カラーテーマガイドと、テーマの作成方法を示すカラーテーマサンプルがあります。
ファイルアイコンテーマ
ファイルアイコンテーマを使用すると、次のことができます。
- 一意のファイルアイコン識別子から画像またはフォントアイコンへのマッピングを作成します。
- ファイル名またはファイル言語タイプによって、ファイルをこれらの固有のファイルアイコン識別子に関連付けます。
ファイルアイコンテーマガイドでは、ファイルアイコンテーマの作成方法について説明しています。
製品アイコンテーマ
プロダクトアイコンテーマを使用すると、次のことができます。
ワークベンチで使用されているすべての組み込みアイコンを再定義します。例としては、フィルタアクションボタンやビューアイコン、ステータスバー、ブレークポイント、ツリーやエディターの折りたたみアイコンなどがあります。
プロダクトアイコンテーマガイドでは、プロダクトアイコンテーマの作成方法について説明しています。