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

Réponses:

184

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. Recherchez workbenchet sélectionnez Edit in settings.jsonsousColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Pour en savoir plus sur les couleurs que vous pouvez modifier, vous pouvez le découvrir ici .

Zrag123
la source
2
Cela fonctionne actuellement pour moi, ma version VSCode est la 1.17.2 (qui est la dernière)
Zrag123
1
Vous avez raison. Impair. Ils ont dit qu'il avait été supprimé, mais il est là. Je l'ai essayé moi-même et cela a fonctionné. J'ai été déçu qu'ils aient dit qu'il avait été supprimé. Heureux de voir que ce n'est pas le cas.
Mark A. Donohoe
2
Cela fonctionne correctement! Je veux aussi apprendre comment obtenir des couleurs de contraste dans le terminal!
theusual
3
Fonctionne toujours à partir de 1.24.0. Je pense qu'une partie de la confusion est que vous ne pouvez pas rechercher terminal.backgrounddans les paramètres ( 'workbench.colorCustomizations': {}c'est la valeur par défaut), donc cela semble être une fonctionnalité manquante à première vue.
Jim K.
1
Août 2019, parfait. Merci!
Bob Denny
31

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 ctrl+k+tsur Windows / Ubuntu ou cmd+k+tsur Mac.
  • Vous pouvez également ouvrir la palette de commandes en appuyant ctrl+shift+psur Windows / ubuntu ou cmd+shift+psur mac et tapez color. Sélectionnez preferences: color themeparmi les options pour sélectionner votre couleur préférée.
  • Vous pouvez également installer plus de thèmes à partir du menu des extensions sur la barre de gauche. recherchez simplement category:themespour installer vos thèmes préférés. (Si vous avez besoin de trier les thèmes par recherche d'installations category:themes @sort:installs)

Modifier - pour modifier manuellement les couleurs dans le terminal

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

Dani Akash
la source
18
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 de premier plan dans un sens très large. OP et moi cherchions à coloriser l'invite, la commande d'entrée et la sortie indépendamment, pas seulement de changer entre le blanc sur noir et le noir sur blanc. Vous connaissez un moyen de mieux contrôler les couleurs du texte du terminal?
kjhughes
1
On dirait qu'ils ont supprimé la personnalisation des couleurs de la page des paramètres utilisateur. L'utilisation actuelle des thèmes semble être le seul moyen de personnaliser les couleurs du terminal dans VSCode. consultez github.com/Microsoft/vscode/issues/6766
Dani Akash
Il est regrettable que la réponse semble être qu'elle n'est actuellement pas prise en charge, mais il est néanmoins utile de le savoir. Je vais vous attribuer la prime. Merci d'avoir retrouvé ça.
kjhughes
1
D'après ce que je peux dire, il est toujours là pour personnaliser à partir des paramètres. Ouvrez les paramètres et recherchez 'workbench.colorCustomizations'
Mark A. Donohoe
1
Ceci est pour changer le thème de couleur global et n'affecte pas le terminal intégré
Akh
19

Ajouter workbench.colorCustomizationsaux paramètres utilisateur

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

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

Longfei Wu
la source
3
le site de préréglages interactifs est une ressource fantastique
mdisibio
16

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

Étape 1: Windows: ouvrir les paramètres utilisateur (ctrl +,) Mac: Commande + Maj + P

Étape 2: Recherchez «workbench: personnalisations de couleurs» et sélectionnez Modifier dans settings.json. Page du code suivant à l'intérieur de {} existant et personnalisez-le à votre guise.

"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.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }
Rana Jayant
la source
1
Merci! Le bleu manque: par exemple"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi le
2

Les meilleures couleurs que j'ai trouvées - qui en plus d'être si belles, sont également très faciles à regarder et ne me font pas bouillir les yeux - sont celles que j'ai trouvées répertoriées dans ce référentiel GitHub: VSCode Snazzy

Installation très facile :

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

(Si vous ne savez pas comment ouvrir le fichier "settings.json", appuyez d'abord sur Ctrl + Shift + P, puis écrivez Préférences: ouvrez les paramètres (JSON) et appuyez sur Entrée).


Remarque : pour ceux qui ont essayé ColorTool et qu'il fonctionne en dehors de VSCode mais pas à l'intérieur de VSCode, vous n'avez fait aucune 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.

aderchox
la source
0

Simplement. Vous pouvez aller dans l'option 'Fichier -> Préférences -> Thème de couleur' ​​dans Visual Studio et changer la couleur de votre choix.

A1991
la source