vscode material icon themeダウンロード - vscode material icon themeソースコードダウンロード

vscode material icon theme

その他のソースコード

v5.14.1

ダウンロード

.vscode/extensions フォルダー。

この例では、それらを.vscode/extensionsフォルダー内のiconsフォルダーに配置します。

 .vscode
 ┗ extensions
   ┗ icons
     ┣ folder-sample.svg
     ┗ folder-sample-open.svg

settings.json (ユーザー設定のみ!) では、次のようにフォルダーアイコンをフォルダー名 (例: 「src」) に関連付けることができます。

 "material-icon-theme.folders.associations" : {
    "src" : " ../../../../icons/folder-sample "
}

カスタムフォルダーアイコンのクローン

既存のフォルダーアイコンのクローンを作成し、その色を変更して、フォルダー名に関連付けることができる新しいアイコンを作成することもできます。次の例は、 adminフォルダーアイコンのクローンを作成する方法を示しています。

 "material-icon-theme.folders.customClones" : [
  {
    "name" : " users-admin " ,
    "base" : " admin " ,
    "color" : " light-green-500 " ,
    "lightColor" : " light-green-700 " ,
    "folderNames" : [ " users " ]
  },
  {
    "name" : " roles-admin " ,
    "base" : " admin " ,
    "color" : " purple-400 " ,
    "folderNames" : [ " roles " ]
  }
]

これにより、 users-adminとroles-adminという 2 つの新しいアイコンが作成され、それぞれフォルダー名usersとrolesに関連付けられます。 baseプロパティは、複製する必要があるアイコン (この場合はadminフォルダーアイコン) を定義します。 colorプロパティは、新しいアイコンの色を定義します。 lightColorプロパティはオプションであり、Visual Studio Code が明るい色のテーマで実行されている場合のアイコンの色を定義します。 folderNamesプロパティは、新しいアイコンに関連付けるフォルダー名を定義します。

colorとlightColorプロパティには任意の#RRGGBBカラーを使用できますが、マテリアルパレットの色にこだわりたい場合は、許可されているエイリアスの完全なリストをここで確認できます。
baseとして使用できるアイコンの完全なリストは、ここで確認できます。

言語関連

次の構成を使用すると、言語アイコンをカスタマイズできます。既存の関連付けを上書きすることも可能です。

 "material-icon-theme.languages.associations" : {
    "languageId" : " iconName " ,
    "json" : " json "
}

使用可能なアイコン名は上の概要で確認できます。 languageIdに許可される値のリストについては、VS Code ドキュメントの「既知の言語識別子」を参照してください。

コマンド

Ctrl-Shift-P押してコマンドパレットを開き、 Material Iconsと入力します。

指示	説明
アイコンテーマを有効にする	アイコンテーマを有効にします。
ファイルの色の変更	ファイルアイコンの色を変更します。
フォルダーの色の変更	フォルダーアイコンの色を変更します。
フォルダーのテーマを変更する	フォルダーアイコンのデザインを変更します。
不透明度の変更	アイコンの不透明度を変更します。
彩度の変更	アイコンの彩度の値を変更します。
アイコンパックの構成	追加のアイコン (Angular、React、Ngrx など) を有効にするアイコンパックを選択します。
エクスプローラーの矢印を切り替えます	フォルダーアイコンの横にある矢印を表示または非表示にします。
デフォルト設定の復元	デフォルト設定にリセットします。
グレースケールの切り替え	アイコンの彩度を`0` (グレースケール) または`1` (カラー) に設定します。