Comment changer la couleur des commentaires dans Visual Studio Code ?

Question

Je suis passé par https://code.visualstudio.com/docs/getstarted/theme-color-reference mais je ne trouve pas le paramètre pour changer la couleur des commentaires.

Je suis actuellement en train d'utiliser le thème Atom One Dark et j'aimerais juste éclaircir un peu la couleur pour mieux le lire.

Answer 1

À partir de 1.15 (juillet 2017), vous pouvez le modifier depuis settings.json Ctrl+,

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

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

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

Ou maintenant vous pouvez spécifier des paramètres pour plusieurs thèmes à la fois comme "[Atom One Dark][Tomorrow Night Blue]": {...}

Trouver la bonne portée :

Développeur : Examiner les domaines TM editor.action.inspectTMScopes

Priorité du sélecteur :

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

---

---

D'accord, plus d'exemples (pour js) :

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

comment punctuation.definition.comment comment.block.documentation storage.type.class.jsdoc entity.name.type.instance.jsdoc variable.other.jsdoc

Answer 2

1. Allez dans vos paramètres.

2. Tapez "editor.tokenColorCustomizations" dans la barre de recherche, puis cliquez sur "Modifier dans settings.json":

3. Par défaut, "editor.tokenColorCustomizations" est défini sur "null". Pour personnaliser la couleur des commentaires, vous pouvez ajouter :

{ "comments": "[code couleur]" }

Vous pouvez taper quelque chose comme ceci :

> "editor.tokenColorCustomizations": {
>     "comments": "#e45e91"   },

4. Changez la couleur des commentaires selon vos préférences en survolant la couleur et en choisissant la couleur désirée.

5. Ensuite, enregistrez les modifications. (Ctrl+S)

6. Quittez le programme. Ouvrez-le à nouveau, vous verrez les modifications.

Answer 3

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

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

Le fond ne peut pas être modifié de cette manière, seulement la couleur et le style. En juin 2018.

---

Aussi en réponse à quelques commentaires sur le changement de couleurs des ponctuations des commentaires (comme les //) - qui doivent désormais être colorées séparément avec leur propre règle textmate, un changement pourrait arriver pour résoudre cela dans la version d'octobre 2019 - à ce stade, c'est un problème non résolu mais ajouté au jalon d'octobre 2019. Voir https://github.com/microsoft/vscode/milestone/102

Answer 4

Il semble que les couleurs de token ne peuvent pas être personnalisées dans les paramètres pour le moment :

Les couleurs de token les plus marquantes sont basées sur la grammaire de langage installée. Ces couleurs sont définies par le thème de couleur et ne peuvent 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 de thèmes, par exemple : C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\theme-monokai et que vous modifiez le fichier monokai-color-theme.json, recherchez la ligne avec "name": "Comment" et changez la couleur "foreground", cela fonctionnera. Assurez-vous simplement de redémarrer le programme.

Answer 5

Pour changer la couleur des commentaires de VS Code

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

Choisissez l'onglet "Paramètres de l'espace de travail" pour ne le changer que pour ce projet
Choisissez l'onglet "Paramètres utilisateur" pour le changer pour tous les projets

Recherchez "settings.json" et cherchez une option "Modifier dans settings.json"

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

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

Il se peut qu'il vous prévienne que vous modifiez votre thème de couleur actuel, ignorez simplement cela.

S'il y a déjà une section pour "editor.tokenColorCustomizations", ajoutez simplement la ligne pour spécifier la couleur des commentaires.