100 votes

Comment changer la couleur des commentaires dans le code Visual Studio ?

Je suis passé par https://code.visualstudio.com/docs/getstarted/theme-color-reference mais je n'arrive pas à trouver le paramètre permettant de changer la couleur des commentaires.

J'utilise actuellement Atom One Dark Theme et j'aimerais juste éclaircir un peu la couleur pour pouvoir mieux la lire.

192voto

Alex Points 7907

De 1.15 (juillet 2017) vous pouvez le changer de paramètres.json Ctrl + ,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

De 1.20 (janvier 2018) vous pouvez également le faire pour chaque thème séparément :

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

Trouver la bonne portée :

Développeur : Scopes Inspect TM editor.action.inspectTMScopes

demo tm inspect command

Priorité du sélecteur :

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



Ok, plus d'exemples (pour js ) :

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

comment enter image description here punctuation.definition.comment enter image description here comment.block.documentation enter image description here storage.type.class.jsdoc enter image description here entity.name.type.instance.jsdoc enter image description here variable.other.jsdoc enter image description here

0 votes

Des possibilités d'arrière-plan/avant-plan ?

1 votes

1 votes

Quelqu'un sait-il quel est le paramètre pour les // et /* avant le texte du commentaire ? Quel est également le paramètre pour le " avant les chaînes de caractères ?

37voto

J.A Points 216

Allez dans vos paramètres. enter image description here

Ensuite, recherchez settings.json enter image description here ouvrez le fichier et ajoutez cette ligne de code :

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

changez la couleur des commentaires, selon vos goûts, en passant la souris sur la couleur et en choisissant la couleur désirée. enter image description here Puis enregistrez les modifications (Ctrl+S). Quittez le programme. Ouvrez-le à nouveau, vous verrez les changements. enter image description here

6 votes

Merci pour les visuels. Cela rend la navigation beaucoup plus facile.

22voto

Mark Points 8757

Pour développer la réponse et le commentaire de @Johnny Derp. Vous pouvez modifier la couleur et le style de la police en utilisant :

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

background ne peuvent pas être modifiés de cette façon, seulement la couleur et le style. À partir de juin 2018.

6voto

Nuuu Points 367

Il semble que les couleurs des jetons ne puissent pas être personnalisées dans les paramètres pour le moment :

Les couleurs les plus importantes de l'éditeur sont les couleurs des jetons qui sont basées sur sur la grammaire de la langue installée. Ces couleurs sont définies par l'option Thème de couleurs et ne peuvent (actuellement) pas être personnalisées dans les paramètres.

Source : https://code.visualstudio.com/docs/getstarted/theme-color-reference

J'ai remarqué que si vous allez dans les dossiers du thème, par exemple : C:\Program Fichiers (x86) \Microsoft Code VS \resources\app\extensions\theme -monokai et éditez le fichier monokai-color-theme.json, cherchez la ligne avec "name" : "Comment" et changez la couleur "foreground", cela fonctionnera. Assurez-vous simplement de redémarrer le programme.

2voto

EJ Thayer Points 31

Pour changer la couleur des commentaires du code VS

Fichier --> Préférences --> Paramètres

Choisissez l'onglet "Paramètres de l'espace de travail" pour le modifier uniquement pour ce projet.
Choisissez l'onglet "User Settings" pour le modifier pour tous les projets.

Faites une recherche sur "settings.json" et cherchez une option pour "Modifier dans settings.json".

Insérez ce paramètre de couleur pour les commentaires quelque part à l'intérieur des accolades :

  "editor.tokenColorCustomizations" : {
    "commentaires" : "#ff4"
  }

Il se peut qu'il vous reproche d'écraser votre thème de couleurs actuel, mais ignorez cela.

S'il existe déjà une section pour "editor.tokenColorCustomizations", il suffit d'ajouter la ligne pour spécifier la couleur du commentaire.

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