Modifier la couleur du texte de surbrillance dans Visual Studio Code

À l'heure actuelle, il s'agit d'une légère superposition grise, ce qui est difficile à voir. Un moyen de changer la couleur par défaut?

Mise à jour Voir la réponse de @Jakub Zawiślak pour VScode 1.12+

Ancienne réponse

Visual Studio Code appelle cette sélection la mise en évidence et malheureusement, je ne pense pas que la couleur soit actuellement personnalisable. Les thèmes peuvent contrôler la couleur de «sélection», mais la couleur de «mise en évidence de la sélection» est codée en dur.

Consultez ce problème pour suivre une solution possible: https://github.com/Microsoft/vscode/issues/1636

(En remarque, vous pouvez activer ou désactiver cette fonction avec le editor.selectionHighlightparamètre.)

Ajoutez les lignes suivantes dans le paramètre «Editor: Token Color Customizations», dans le fichier settings.json.

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#135564",
    "editor.selectionHighlightBackground": "#135564"
},

Voir Référence des couleurs du thème pour plus d'options

Les réponses ci-dessus couvrent le Selected textet areas with same content as selection, mais elles manquent le Current Search Matchet Other Search Matches- qui posent le même problème .

"workbench.colorCustomizations": {
    "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
    "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES
}

Notez que les paramètres ci-dessus affecteront également les couleurs lors de l'utilisation de Modifier toutes les occurrences CtrlF2 (une commande très utile qui sélectionne intelligemment toutes les occurrences d'une chaîne, en plaçant des curseurs à chaque emplacement pour l'édition à plusieurs instances) .

METTRE À JOUR:

Pour ceux qui utilisent l'extension populaire Signets numérotés - vous pouvez maintenant changer la couleur d'arrière-plan des lignes marquées - il est très facile de les remarquer. Ajoutez cette ligne à votre settings.json (également sous workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

Et ne manquez pas le conseil utile de Henry Zhu dans sa réponse ci-dessous (n'oubliez pas de voter pour sa réponse si vous la trouvez utile) . J'ai ajouté le conseil de Henry aux paramètres ci-dessus et je trouve que l'effet global s'est amélioré.

Exemple de fichier de paramètres typique, post-mod:

    {
        "git.enableSmartCommit": true,
        "git.autofetch": vrai,
        "breadcrumbs.enabled": vrai,
        "git.confirmSync": false,
        "explorer.confirmDelete": faux,
        "code-runner.saveFileBeforeRun": true,
        "code-runner.saveAllFilesBeforeRun": true,
        "workbench.activityBar.visible": vrai,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": false,
        "scm.providers.visible": 0, // 0 permet le redimensionnement manuel des panneaux de contrôle de la source
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Texte actuellement SÉLECTIONNÉ
            "editor.selectionHighlightBackground": "# ff00005b", // Même contenu que la sélection
            "editor.findMatchBackground": "# 00cc44a8", // MATCH DE RECHERCHE actuel
            "editor.findMatchHighlightBackground": "# ff7b00a1", // Autres MATCHS DE RECHERCHE
            "numberedBookmarks.lineBackground": "# 007700"
            // Le conseil de Henry va ici ... (n'oubliez pas d'ajouter une virgule à la ligne ci-dessus)
        }
    }

Où trouver le fichier settings.json:

Depending on your platform, the user settings file is located here:

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

Méthode ALTERNATE pour ouvrir le fichier settings.json:

1. Ctrl +, (virgule) pour ouvrir les paramètres

2. Table de travail

3. Éditeur de paramètres

4. Dans le champ de recherche en haut, collez workbench.colorCustomizations

5. Sur la gauche, cliquez WorkbenchpuisAppearance

6. Cliquez sur le lien à droite: Edit in settings.json

Références:

https://code.visualstudio.com/api/references/theme-color#editor-colors

https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

https://code.visualstudio.com/docs/getstarted/settings

Si quelqu'un trouve cela et, comme moi, n'a pas pu faire fonctionner la configuration ci-dessus, essayez de le faire.

1. aller au fichier> Préférences> paramètres
2. tapez dans les personnalisations de couleur de jeton de l'éditeur de recherche
3. sous l'en- tête de personnalisation de la couleur du jeton de l' éditeur
4. cliquez sur modifier dans settings.json
5. dans la colonne de droite, sélectionnez les paramètres utilisateur
6. collez ceci dans l'objet json

Assurez-vous de remplacer les # par les couleurs que vous souhaitez voir.

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#<color1>",
    "editor.selectionBackground": "#<color2>",
    "editor.wordHighlightBackground": "#<color3>",
    "editorCursor.foreground": "#<color4>"
},

Ma compréhension de la configuration ci-dessus.

editor.lineHighlightBackground - lorsque vous cliquez sur une ligne, c'est la couleur de l'arrière-plan de la ligne.

"editor.selectionBackground" - Ceci est l'arrière-plan des sélections correspondantes ailleurs dans le tampon. Pensez à une variable nommée foo et elle est utilisée partout dans un fichier. Vous mettez ensuite en évidence ce texte et tous les autres foos de la page seront de cette couleur.

"editor.wordHighlightBackground" - C'est la couleur du texte sélectionné si le mot de surbrillance par défaut lors du clic ne prend pas effet. Je n'ai vu cette valeur faire une différence que si vous cliquez sur un mot qui ne se sélectionne pas automatiquement.

editorCursor.foreground - c'est la couleur de votre curseur.

Comme je l'ai testé, la définition de la couleur de la bordure facilite la lecture que la définition de la couleur d'arrière-plan, ce que fait Sublime Text.

Par exemple, ajoutez ces lignes dans settings.json:

"workbench.colorCustomizations": {
    "editor.selectionHighlightBorder": "#FFFA",
},

Les mots sélectionnés seront affichés comme ceci:

vous pouvez le changer avec votre couleur préférée en:

Pas

1. Ouvrir le code visuel
2. Menu Aller au fichier
3. Préférences -> Paramètres

après avoir ouvert les paramètres, vous mettrez à jour votre paramètre dans la colonne de droite, copiez et collez ce code dans les crochets principaux { ... }

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#f00", // red color hexadecimal code
    "editor.selectionHighlightBackground": "#fff" // white hex code
},

Si quelqu'un se retrouvait à lire la réponse de @ FujiRoyale car aucun des autres ne fonctionnait, et se demandait pourquoi son / elle ne fonctionnait pas non plus, mais comme c'était plus récent, je me demandais pourquoi, j'ai suivi leur réponse, et je l'ai fait (avec la v1.18 de vscode ) ceci en tant que user settingsconfiguration:

{
    // Is git enabled
    "git.enabled": true,
    // Path to the git executable
    "git.path": "C:\\Users\\t606964\\AppData\\Local\\Programs\\Git\\mingw64\\bin\\git.exe",
    "workbench.startupEditor": "newUntitledFile",
    // other settings
    //
    "editor.fontSize": 12,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "workbench.colorTheme": "Monokai",
    "editor.fontWeight": "bold",
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false,
    "files.autoSave": "off",
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#f00",
        "editor.selectionBackground": "#0f0",
        "editor.wordHighlightBackground": "#00f",
        "editorCursor.foreground": "#ff0"
    }
}

Notez l'indentation et les virgules et la suppression des guillemets doubles de leur réponse (avec lesquels j'ai dû jouer pour bien faire les choses, ce qui n'était pas si clair dans la réponse). Il ne devrait pas être nécessaire de redémarrer vscode, mais cela peut valoir la peine d'aller File > Autosavevoir si vous commencez à obtenir des surbrillances de couleurs primaires. Et puis choisissez de meilleures couleurs pour vos reflets.

Vous pouvez également faire en sorte que cela fonctionne en workspace settingscollant

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#f00",
    "editor.selectionBackground": "#0f0",
    "editor.wordHighlightBackground": "#00f",
    "editorCursor.foreground": "#ff0"
}

entre l'existant {}dans ce volet de paramètres de droite.