Download vscode material icon theme - vscode material icon theme Download do código-fonte

vscode material icon theme

Outro código-fonte

v5.14.1

Baixar

Pasta .vscode/extensões.

Em nosso exemplo, nós os colocamos em uma pasta icons dentro da pasta .vscode/extensions :

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

No settings.json (somente configurações do usuário!) os ícones da pasta podem ser associados a um nome de pasta (por exemplo, "src") como este:

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

Clones de ícones de pasta personalizados

Também é possível clonar ícones de pastas existentes e alterar suas cores para criar novos ícones que podem ser associados a nomes de pastas. O exemplo a seguir mostra como clonar o ícone da pasta 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 " ]
  }
]

Isso criará dois novos ícones chamados users-admin e roles-admin que estão associados aos nomes de pastas users e roles , respectivamente. A propriedade base define o ícone que deve ser clonado (neste caso o ícone da pasta admin ). A propriedade color define a cor do novo ícone. A propriedade lightColor é opcional e define a cor do ícone quando o Visual Studio Code está sendo executado com um tema de cores claras. A propriedade folderNames define os nomes das pastas que devem ser associadas ao novo ícone.

Embora você possa usar qualquer cor #RRGGBB para as propriedades color e lightColor , se quiser manter as cores da paleta de materiais, você pode verificar a lista completa de aliases permitidos aqui.
Você pode conferir a lista completa de ícones disponíveis para serem usados como base aqui.

Associações linguísticas

Com a configuração a seguir você pode personalizar os ícones de idioma. Também é possível substituir associações existentes.

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

Você pode ver os nomes dos ícones disponíveis na visão geral acima. Consulte "Identificadores de idioma conhecidos" na documentação do VS Code para obter uma lista de valores permitidos para languageId .

Comandos

Pressione Ctrl-Shift-P para abrir a paleta de comandos e digite Material Icons .

Comando	Descrição
Ativar tema de ícone	Ative o tema do ícone.
Alterar cor do arquivo	Altere a cor dos ícones dos arquivos.
Alterar cor da pasta	Altere a cor dos ícones das pastas.
Alterar tema da pasta	Altere o design dos ícones das pastas.
Alterar opacidade	Altere a opacidade dos ícones.
Alterar saturação	Altere o valor de saturação dos ícones.
Configurar pacotes de ícones	Seleciona um pacote de ícones que permite ícones adicionais (por exemplo, para Angular, React, Ngrx).
Alternar setas do Explorer	Mostre ou oculte as setas ao lado dos ícones das pastas.
Restaurar configuração padrão	Redefina para a configuração padrão.
Alternar escala de cinza	Defina a saturação do ícone como `0` (tons de cinza) ou `1` (cor).