Descarga vscode material icon theme - Descarga del código fuente vscode material icon theme

vscode material icon theme

Otro código fuente

v5.14.1

Descargar

Carpeta .vscode/extensiones.

En nuestro ejemplo, los colocamos en una carpeta icons dentro de la carpeta .vscode/extensions :

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

En settings.json (¡solo Configuración de usuario!), los iconos de las carpetas se pueden asociar a un nombre de carpeta (por ejemplo, "src") como este:

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

Clones de iconos de carpetas personalizados

También es posible clonar íconos de carpetas existentes y cambiar sus colores para crear nuevos íconos que se pueden asociar con nombres de carpetas. El siguiente ejemplo muestra cómo clonar el icono de la carpeta 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 " ]
  }
]

Esto creará dos nuevos íconos llamados users-admin y roles-admin que están asociados con los nombres de carpeta users y roles respectivamente. La propiedad base define el ícono que se debe clonar (en este caso, el ícono de la carpeta admin ). La propiedad color define el color del nuevo icono. La propiedad lightColor es opcional y define el color del icono cuando Visual Studio Code se ejecuta con un tema de color claro. La propiedad folderNames define los nombres de las carpetas que deben asociarse con el nuevo icono.

Aunque puede usar cualquier color #RRGGBB para las propiedades color y lightColor , si desea seguir con los colores de la paleta de materiales, puede consultar la lista completa de alias permitidos aquí.
Puede consultar la lista completa de íconos disponibles para usar como base aquí.

Asociaciones lingüísticas

Con la siguiente configuración podrás personalizar los iconos de idioma. También es posible sobrescribir asociaciones existentes.

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

Puede ver los nombres de los iconos disponibles en la descripción general anterior. Consulte "Identificadores de idiomas conocidos" en la documentación de VS Code para obtener una lista de valores permitidos para languageId .

Comandos

Presione Ctrl-Shift-P para abrir la paleta de comandos y escriba Material Icons .

Dominio	Descripción
Activar tema de iconos	Activa el tema del icono.
Cambiar color de archivo	Cambia el color de los iconos de archivos.
Cambiar color de carpeta	Cambia el color de los iconos de las carpetas.
Cambiar tema de carpeta	Cambia el diseño de los iconos de las carpetas.
Cambiar opacidad	Cambia la opacidad de los iconos.
Cambiar saturación	Cambia el valor de saturación de los iconos.
Configurar paquetes de iconos	Selecciona un paquete de íconos que habilita íconos adicionales (por ejemplo, para Angular, React, Ngrx).
Alternar flechas del explorador	Muestra u oculta las flechas junto a los iconos de carpeta.
Restaurar la configuración predeterminada	Restablecer la configuración predeterminada.
Alternar escala de grises	Establezca la saturación del icono en `0` (escala de grises) o `1` (color).