← Tous les exemples

VS Code Web : mettre en avant le fichier actif

Met fortement en évidence le fichier courant dans l'explorateur avec la couleur d'accent.

Code à copier

/* Strongly highlight the currently active file in the Explorer (works on github.dev too) */
.monaco-workbench [id*="workbench.view.explorer"] .monaco-list-row.selected,
.monaco-workbench [id*="workbench.view.explorer"] .monaco-list-row.focused {
  background-color: rgba(255, 138, 61, 0.18) !important;
  border-left: 3px solid #ff8a3d !important;
  font-weight: 600 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.