208 votes

Thème de couleur pour le terminal intégré VS Code

Peut-on modifier les paramètres de couleur du terminal intégré VS Code ? Le mien est terne avec juste du blanc.

enter image description here

15 votes

Voici un générateur de thèmes utile pour modifier votre "workbench.colorCustomizations" dans settings.json

1 votes

Différentes couleurs de fond et personnalisation par Une fenêtre de terminal serait bien.

2 votes

Pour personnaliser la couleur de surbrillance du terminal, ajoutez "terminal.selectionBackground": "#e26cffcb", sur le thème sombre. Voir vscode-terminal-changer-la-fine-highlight-color

341voto

Zrag123 Points 971

Vous pouvez en fait modifier vos paramètres utilisateur et éditer chaque couleur individuellement en ajoutant ce qui suit aux paramètres utilisateur.

  1. Ouvrir les paramètres utilisateur ( ctrl + , )
  2. Recherche de workbench et sélectionnez Edit in settings.json sous Color Customizations

    "workbench.colorCustomizations" : { "terminal.foreground" : "#00FD61", "terminal.background" : "#383737" }

Pour en savoir plus sur les couleurs que vous pouvez éditer, vous pouvez trouver ici .

0 votes

Je crois qu'ils ont supprimé cette fonctionnalité. Êtes-vous certain que cela fonctionne toujours dans la dernière version ?

3 votes

Cela fonctionne actuellement pour moi, ma version de VSCode est 1.17.2 (qui est la plus récente).

1 votes

Vous avez raison. C'est bizarre. Ils ont dit qu'il avait été supprimé, mais il est là. Je viens de l'essayer moi-même et ça a marché. J'étais déçu qu'ils aient dit qu'il avait été supprimé. Heureux de voir que ce n'est pas le cas.

110voto

Rana Jayant Points 420

Si vous êtes pointilleux sur les couleurs, utilisez ce code pour personnaliser chaque segment.

Étape 1 : Windows : Ouvrir les paramètres de l'utilisateur "ctrl + ," OU Mac : "Command + Shift + P"

Étape 2 : Recherchez "workbench : color customizations" et sélectionnez Edit in settings.json. Placez le code suivant à l'intérieur des {} existants et personnalisez-le comme vous le souhaitez.

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiBlue":"#00a1f9"
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

7 votes

Merci ! Le bleu manque : par exemple "terminal.ansiBlue":"#00a1f9"

20 votes

Ce site Web fournit un grand nombre de personnalisations de thèmes de terminaux que vous pouvez copier/coller dans vos paramètres : glitchbone.github.io/vscode-base16-term

0 votes

Merci. Il ne s'agit pas d'être pointilleux sur les couleurs... c'est plutôt que certaines de ces couleurs par défaut ne fonctionnent pas pour tout le monde - rouge sur fond noir ? Je peux à peine voir... il y a d'autres personnes dans mon équipe qui ont du mal à voir le vert par exemple. Donc cela aidera tout le monde... et oui, j'avais du rouge sur fond noir :-)

48voto

Dani Akash Points 3535

VSCode est livré avec des thèmes de couleurs intégrés qui peuvent être utilisés pour changer les couleurs de l'éditeur et du terminal.

  • Pour changer le thème de couleur, appuyez sur ctrl+k+t sous Windows/ubuntu ou cmd+k+t sur Mac.
  • Vous pouvez également ouvrir palette de commandes en appuyant sur ctrl+shift+p sous Windows/ubuntu ou cmd+shift+p sur mac et tapez color . Sélectionnez preferences: color theme dans les options, pour sélectionner votre couleur préférée.
  • Vous pouvez également installer d'autres thèmes à partir du menu des extensions sur la barre de gauche. Il suffit de rechercher category:themes pour installer vos thèmes préférés. (Si vous avez besoin de trier les thèmes par installation, recherchez category:themes @sort:installs )

Modifier - pour modifier manuellement les couleurs dans le terminal

L'équipe de VSCode a supprimé la personnalisation des couleurs de la page des paramètres de l'utilisateur. Actuellement, l'utilisation des thèmes est le seul moyen de personnaliser les couleurs du terminal dans VSCode. Pour plus d'informations, consultez numéro 6766

37 votes

Merci pour votre réponse, mais les thèmes globaux ont un impact minimal sur la fenêtre du terminal, n'affectant que la couleur d'arrière-plan et d'avant-plan dans un sens très large. OP et moi cherchions à coloriser l'invite, la commande d'entrée et la sortie de manière indépendante, et pas seulement à changer entre blanc sur noir et noir sur blanc. Connaissez-vous un moyen d'avoir un meilleur contrôle sur les couleurs du texte du terminal ?

1 votes

Il semble qu'ils aient supprimé la personnalisation des couleurs de la page des paramètres utilisateur. Actuellement, l'utilisation des thèmes semble être le seul moyen de personnaliser les couleurs des terminaux dans VSCode. github.com/Microsoft/vscode/issues/6766

0 votes

Il est regrettable que la réponse semble être qu'elle n'est pas prise en charge actuellement, mais il est néanmoins utile de le savoir. Je vous attribue la prime. Merci d'avoir retrouvé cette information.

35voto

Longfei Wu Points 131

Ajouter workbench.colorCustomizations aux paramètres de l'utilisateur

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Vérifiez https://glitchbone.github.io/vscode-base16-term pour certains préréglages.

7 votes

Le site des préréglages interactifs est une ressource fantastique

13voto

aderchox Points 158

Les meilleures couleurs que j'ai trouvées - qui, en plus d'être très belles, sont aussi très faciles à regarder et ne m'abîment pas les yeux - sont celles que j'ai trouvées dans ce dépôt GitHub : VSCode Snazzy

Installation très facile :

Copiez le contenu de snazzy.json dans votre fichier VS Code "settings.json".

(Au cas où vous ne sauriez pas comment ouvrir le fichier "settings.json", tapez d'abord Ctrl+Shift+P puis écrivez Préférences : ouvrir les paramètres (JSON) et appuyez sur la touche Entrée).


Avis : Pour ceux qui ont essayé ColorTool et cela fonctionne en dehors de VSCode mais pas à l'intérieur de VSCode, vous n'avez pas fait d'erreur en l'implémentant, c'est juste une décision des développeurs de VSCode pour que le terminal du VSCode soit coloré indépendamment.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X