Modifier la couleur de la barre de titre de Visual Studio Code

Question

Existe-t-il un moyen de modifier le Title Bar couleur pour Visual Studio Code (v1.26.0) ?

Answer 1

1. Menu Fichier → Préférences → Paramètres

2. Cherchez "window.titleBarStyle": "native" copiez-le dans vos paramètres d'utilisateur, et changez-le en "window.titleBarStyle": "custom" . Il va adapter votre thème maintenant.

3. Si la couleur actuelle n'est pas celle que vous souhaitez ou si vous voulez la modifier, essayez de faire ceci.

4. Dans vos paramètres d'utilisateur, ajoutez les éléments suivants.

   "workbench.colorCustomizations": {
       "[Name of the Current Theme you are using]": {
           "titleBar.activeBackground": "#191919cc",
           "titleBar.activeForeground":"#ffffff",
       },
   },
   "window.titleBarStyle": "custom"

Answer 2

Ouvrir le menu Fichier Préférences Paramètres et ajoutez le paramètre suivant :

"workbench.colorCustomizations": {
  "titleBar.activeBackground": "#553955" // Change this color!
},
"window.titleBarStyle": "custom"

De la source suivante :

Des barres de titre Visual Studio Code colorées pour une meilleure productivité

Answer 3

Il existe désormais un plugin pratique pour le marché de Visual Studio Code appelé Couleurs des fenêtres qui colore automatiquement la barre d'activité et la barre de titre de chaque fenêtre de manière unique.

Il suffit d'aller dans les extensions et de taper : window colors

Pour plus d'informations, voir le document Visual Studio Code page web du marché .

Edit (Sept 2020) : Je viens de remarquer que sur Ubuntu 20.04, j'ai dû configurer l'option preferences->titlebar réglage de native a custom dans les préférences de VSCode. Sinon, la barre de titre ne change pas de couleur. Voir aussi problème sur github ici - l'entrée de @musicfuel a résolu le problème pour moi.

Answer 4

John Papa a lancé Peacock il y a quelques mois. J'utilise le même depuis.

Il s'agit d'un plugin facile à utiliser, avec un grand nombre de commandes.

Il est hautement personnalisable.

Il met également l'accent sur MarqueColors ce qui s'avère pratique lorsque vous travaillez simultanément sur plusieurs projets différents impliquant différents cadres et bibliothèques.

Answer 5

Notez que VSCode 1.45 (avril 2020) offrira paramètres supplémentaires :

Nouvelles couleurs de thème pour les onglets de l'éditeur

Quelques nouvelles couleurs ont été ajoutés à d'autres onglets de l'éditeur du banc d'essai des thèmes :

• tab.unfocusedInactiveBackground : Couleur de fond de l'onglet inactif dans un groupe non focalisé
• tab.hoverForeground : Couleur d'avant-plan de l'onglet au survol
• tab.unfocusedHoverForeground : Couleur d'avant-plan de l'onglet dans un groupe non focalisé lors du survol de la souris

Nouvelle couleur de thème pour la bordure du titre de l'éditeur

La couleur existante editorGroupHeader.tabsBorder modifié pour rendre une bordure sous les onglets mais au-dessus du fil d'Ariane.

A nouvelle couleur editorGroupHeader.border permet d'afficher une bordure sous l'en-tête du groupe d'éditeurs (c'est-à-dire sous le fil d'Ariane s'il est activé) pour rétablir le comportement précédent de l'option editorGroupHeader.tabsBorder .