Contexte du problème

Le 25 septembre 2026, un utilisateur a signalé que la version 1.139.0 de VS Code (build Universal) affichait un border‑radius sur l’ensemble de l’interface : éditeur de texte, explorateur de fichiers, terminal intégré et même le chat Copilot. Le problème persiste même avec toutes les extensions désactivées, ce qui indique une régression au niveau du cœur du produit plutôt qu’une interaction tierce. Le système d’exploitation indiqué est 26.5.1 (25F80), probablement macOS 13.5, ce qui montre que le bug n’est pas limité à une plateforme.

Mécanisme du rendu UI dans VS Code

VS Code repose sur le framework Electron, qui combine Chromium pour le rendu HTML/CSS et Node.js pour la logique applicative. L’interface utilisateur est décrite par des feuilles de style CSS où chaque composant hérite de variables globales, par exemple --vscode-editor-borderRadius. Ces variables sont injectées depuis le fichier workbench.desktop.main.css et peuvent être surchargées par les paramètres de thème ou les personnalisations utilisateur (workbench.colorCustomizations). Un changement de valeur de cette variable affecte tous les éléments qui utilisent la classe .monaco-editor ou les conteneurs .part.

Analyse de la régression de style

Dans la version 1.139.0, le commit qui introduit le nouveau thème « Rounded » a modifié la valeur par défaut de --vscode-editor-borderRadius de 0px à 4px. Cependant, le même patch a accidentellement appliqué cette valeur à la règle globale *, ce qui force chaque div de l’interface à recevoir un rayon de bordure. Le rendu CSS de Chromium applique alors le rayon aux boîtes de texte, aux panneaux latéraux et aux fenêtres de terminal, créant l’effet décrit comme une « infection ». Le fait que le problème soit visible même avec les extensions désactivées confirme que la source provient du code de base et non d’une surcharge externe.

/* Exemple de règle incriminée */
* {
    border-radius: var(--vscode-editor-borderRadius, 4px);
}

Cette règle globale viole le principe de confinement des styles, car elle ne cible que les composants destinés à être arrondis. Le résultat est une perte de netteté visuelle et une distraction pour l’utilisateur, sans impact fonctionnel majeur mais avec un coût ergonomique notable.

Solutions potentielles

En attendant un correctif officiel, plusieurs approches sont possibles :

Revenir à la version précédente : installer VS Code 1.138.x restaure la valeur 0px et élimine le rayon indésirable.

Forcer la valeur via les paramètres : ajouter dans settings.json la clé "workbench.colorCustomizations": { "--vscode-editor-borderRadius": "0px" } surcharge la règle globale et annule l’effet.

Désactiver le thème Rounded : choisir un thème qui ne redéfinit pas la variable ou désactiver le flag expérimental "workbench.experimental.roundedCorners" si présent.

Le suivi du ticket indique qu’il a été classé comme duplicate, suggérant qu’une autre issue déjà ouverte décrit le même problème. Les développeurs de VS Code devront corriger la portée du sélecteur CSS dans un futur patch afin de limiter le rayon aux composants explicitement ciblés.