← Tous les exemples

VS Code Web : guides d'indentation plus marqués

Augmente le contraste des guides d'indentation et met en évidence le bloc actif.

Code à copier

/* Stronger indent guides for clearer block structure (works on github.dev too) */
.monaco-editor .lines-content .core-guide-indent {
  border-left: 1px solid rgba(127,127,127,0.45) !important;
}
.monaco-editor .lines-content .core-guide-indent-active {
  border-left: 1.5px solid rgba(255,138,61,0.9) !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.