web-dev-qa-db-fra.com

Modifier la couleur du texte de l'éditeur dans le code Visual Studio?

Peut-être que quelqu'un peut m'aider avec un petit problème dans Visual Studio Code, ce qui me rend fou ...; -/...

  • Je sais comment installer et changer différents thèmes de couleurs (comme "dark-plus" etc.).
  • J'ai découvert comment modifier des choses comme (dans settings.json):

editor.tokenColorCustomizations ": {" [dark-plus-syntax] ": {" comments ":" # 649664 "}

Mais tout mon googling n'a pas révélé la modification la plus basique pensable: Comment puis-je seulement changer la couleur de police de l'éditeur standard?

Une idée de comment le faire facilement? Je veux assombrir un peu la couleur de police lumineuse de la plupart des thèmes de couleurs sombres pour réduire le contraste/la fatigue oculaire ....

J'ai essayé de modifier le fichier correspondant (par exemple dark-plus-syntax-color-theme.json), mais je n'y ai rien trouvé pour la couleur de police par défaut.

[NB: Je pense que c'est presque un peu absurde, que j'ai découvert - tout en googlant pendant une heure - toutes sortes de façons de personnaliser ... mais pas ce Tweak le plus simple.]

textfontscolorsvisual-studio-codecustomization
6
Florian Zeitblom

Ce qui suit a fonctionné pour moi:

  1. Dans settings.json:
"workbench.colorCustomizations": { 
    "editor.foreground": "#aabbcc" 
}

  1. Sauvegarder settings.json

  2. Choisissez un thème de couleur différent. Il vous suffit d'ouvrir le menu de sélection et de naviguer vers un thème différent. Dès que j'ai fait cela, la personnalisation de premier plan est entrée en vigueur.

Information système:

  • OS X 10.14.4
  • VSCode 1.33.1
2
sean47933

Soyons précis et essayons de changer la couleur de texte "normale" pour les identifiants, etc., dans un fichier source C++ lors de l'utilisation du thème "Dark +". Dans ma configuration, ces identifiants ont la couleur "# D4D4D4" (gris clair, comme RRGGBB). À des fins de démonstration, je le changerai en "# 080" (vert moyen, comme RVB).

Commencez par ouvrir un fichier source C++. Ouvrez la palette de commandes (Ctrl + Maj + P) et exécutez la commande "Developer: Inspect TM Scopes". Déplacez le curseur sur un identifiant. Par exemple:

Screenshot: cout identifier, before customization

Dans ce cas, nous remarquons qu'il indique "Aucun sélecteur de thème". Cela signifie que l'attribut tokenColors du thème ne définit pas cette couleur, mais plutôt l'attribut colors ordinaire du thème, en particulier l'attribut editor.foreground Couleur. Cela peut être remplacé comme dans réponse de Sean en définissant workbench.colorCustomizations dans settings.json:

    "workbench.colorCustomizations": {
        "editor.foreground": "#080"
    },

Sauvegarder settings.json et retournez au fichier source C++. Cela ressemble maintenant à ceci:

Screenshot: cout identifier, after customization

D'accord, c'est un progrès, mais les opérateurs ont toujours leur couleur d'origine. Utilisez à nouveau "Developer: Inspect TM Scopes":

Screenshot: less-less operator, before customization

Cette fois, au lieu de "Pas de sélecteur de thème", on voit:

  keyword.operator { "foreground": "#d4d4d4" }

Il s'agit d'une règle de l'attribut tokenColors du thème et nous devons remplacer celle-ci en utilisant textMateRules dans settings.json:

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": [
                    "keyword.operator",
                ],
                "settings": {
                    "foreground": "#080",
                },
            },
        ],
    },

Maintenant, les opérateurs sont également verts:

Screenshot: less-less operator, after customization

Répétez la procédure si nécessaire jusqu'à ce que toutes les couleurs soient remplacées.

Si vous souhaitez apporter des modifications plus complexes (comme changer uniquement certaines couleurs d'opérateur), je vous recommande de lire le manuel TextMate Scope Selectors . C'est là que la "pile d'étiquettes d'étendue" serait utile. Mais sachez que VSCode n'implémente pas exactement ce qui y est décrit (bien qu'il soit proche), et ce qu'il implémente n'est pas documenté.

Les capacités de l'attribut settings ne sont pas bien documentées, mais vous pouvez définir la couleur foreground et la fontStyle uniquement. fontStyle peut être n'importe quelle combinaison séparée par des espaces de bold, italic et underline. Vous ne pouvez pas définir la couleur d'arrière-plan, malheureusement.

1
Scott McPeak