← Tutti gli esempi

VS Code Web: icone più grandi nell'albero dei file

Ingrandisce le icone di file e cartelle nell'Explorer per riconoscere prima i tipi.

Codice da copiare

/* Larger file-tree icons in the Explorer (works on github.dev too) */
.monaco-workbench [id*="workbench.view.explorer"] .monaco-icon-label::before,
.monaco-workbench [id*="workbench.view.explorer"] .monaco-icon-label .file-icon::before {
  font-size: 18px !important;
  width: 22px !important;
  height: 22px !important;
}
.monaco-workbench [id*="workbench.view.explorer"] .monaco-list-row {
  line-height: 24px !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.