← Alle Beispiele

VS Code Web: größere Dateibaum-Symbole

Vergrößert Datei- und Ordnersymbole im Explorer-Baum, damit Dateitypen schneller erkennbar sind.

Code zum Kopieren

/* 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;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.