VS Codeのエージェントモードを拡張するには、を試してください！

テーマ設定

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

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

カラーテーマ

color-theme

図に示すように、カラーテーマは UI コンポーネントの色と、エディターでの強調表示の色を定義します

  • UI コンポーネントの色を制御する colors マッピング。
  • tokenColors は、エディターでの強調表示の色とスタイルを定義します。構文ハイライトガイドに、このトピックに関する詳細情報があります。
  • semanticTokenColors マッピングと semanticHighlighting 設定により、エディターでの強調表示を強化できます。セマンティックハイライトガイドで、それに関連する API について説明しています。

テーマの作成方法を示すカラーテーマガイドと、カラーテーマサンプルがあります。

ファイルアイコンテーマ

ファイルアイコンテーマでは、次のことができます

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

ファイルアイコンテーマガイドでは、ファイルアイコンテーマの作成方法について説明しています。 file-icon-theme

製品アイコンテーマ

プロダクトアイコンテーマでは、次のことができます

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

プロダクトアイコンテーマガイドでは、プロダクトアイコンテーマの作成方法について説明しています。

07/09/2025