web-dev-qa-db-fra.com

Comment changer les hautes lumières pour le texte sélectionné et les correspondances sélection / mot?

Confusion visuelle: la couleur de surbrillance "texte sélectionné" et "sélection correspond"

En tant qu'utilisateur quotidien de VS Code, j'ai trouvé un problème fermé antérieur ( la sélection et les correspondances de sélection mettent en évidence la couleur # 1636 ) à ce sujet - c'est-à-dire si vous sélectionnez réellement du texte est mis en surbrillance, mais la couleur de surbrillance est presque impossible à distinguer de la surbrillance utilisée pour le code correspondant ou le même mot.

Une substitution CSS de type utilisateur local?

Si la couleur de surbrillance à l'échelle du système (lors de la sélection d'un texte à l'échelle du système) n'est pas portable pour VS Code, j'ai besoin d'un moyen de le modifier. Peut-être dans le CSS du thème ou - de préférence - dans un fichier 'override css' généré par l'utilisateur ou quelque chose (comme les paramètres utilisateur de VS Code). Est-ce en préparation? Sinon, quelqu'un a-t-il une solution?

ATM changer la couleur de surbrillance pour le texte sélectionné semble impossible. J'utilise "Dark", mais le problème est le même quel que soit le thème.

editorvisual-studio-code
16
Dave Everitt

Il existe maintenant de nombreuses personnalisations de couleurs qui peuvent être effectuées sur vscode, y compris les options de sélection:

editor.selectionBackground: Color of the editor selection.
editor.selectionHighlightBackground: Color for regions with the same content as the selection.
editor.inactiveSelectionBackground: Color of the selection in an inactive editor.

Voir options de couleur du thème vscode disponible à partir de la v1.13 je crois.

16
Mark

Pour compléter quelques étapes manquantes:

  1. Ouvrez le fichier settings.json (voir ci-dessous pour l'emplacement de ce fichier)

  2. Ajoutez une virgule à la dernière entrée (avant l'accolade fermante })

  3. Coller:

 "workbench.colorCustomizations": {
 "editor.selectionBackground": "# e788ff", // Texte actuellement sélectionné 
 "editor.selectionHighlightBackground": "# ff0000",// même contenu que la sélection 
 "editor.findMatchBackground": "# 00cc44a8", // Current SEARCH MATCH 
 "editor.findMatchHighlightBackground": "# ff7b00a1" // Other SEARCH MATCHES 
}

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

 {
 "git.enableSmartCommit": vrai, 
 "git.autofetch": vrai, 
 "breadcrumbs.enabled": vrai, 
 "git.confirmSync": false, 
 "Explorer.confirmDelete": false, 
 "code-runner.saveFileBeforeRun": true, 
 "code-runner.saveAllFilesBeforeRun": true , 
 "workbench.activityBar.visible": true, 
 "files.trimTrailingWhitespace": true, 
 "telemetry.enableTelemetry": false, 
 "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 MATCHES DE RECHERCHE 
} 
}

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

Autre méthode 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 la zone de recherche en haut, collez workbench.colorCustomizations

  5. Sur la gauche, cliquez sur Workbench puis Appearance

  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

16
cssyphus