Modificare il colore del testo di evidenziazione in Visual Studio Code

In questo momento, è una leggera sovrapposizione grigia, che è difficile da vedere. Qualche modo per cambiare il colore predefinito?

Aggiorna Vedi la risposta di @Jakub Zawiślak per VScode 1.12+

Vecchia risposta

Visual Studio Code chiama questa selezione di evidenziazione e, sfortunatamente, non credo che il colore sia attualmente personalizzabile. I temi possono controllare il colore di "selezione", ma il colore di "evidenziazione della selezione" è codificato.

Vedi questo problema che tiene traccia di una possibile soluzione: https://github.com/Microsoft/vscode/issues/1636

(Come nota a margine, puoi attivare o disattivare questa funzione con l' editor.selectionHighlightimpostazione.)

Aggiungere le seguenti righe nell'impostazione "Editor: personalizzazioni colore token", all'interno del file settings.json.

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

Vedere Riferimento per il colore del tema per ulteriori opzioni

Le risposte precedenti riguardano Selected texte areas with same content as selection, ma mancano di Current Search Matche Other Search Matches- che hanno lo stesso problema .

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

Si noti che le impostazioni precedenti influenzeranno anche i colori quando si utilizza Cambia tutte le occorrenze CtrlF2 (un comando utilissimo che seleziona in modo intelligente tutte le occorrenze di una stringa, posizionando i cursori in ciascuna posizione per la modifica di più istanze) .

AGGIORNARE:

Per coloro che utilizzano la popolare estensione Segnalibri numerati, ora è possibile modificare il colore di sfondo delle linee contrassegnate con segnalibro, è molto facile notarli. Aggiungi questa riga al tuo settings.json (anche sotto workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

E non perdere l'utile suggerimento di Henry Zhu nella sua risposta qui sotto (ricorda di votare la sua risposta se la trovi utile) . Ho aggiunto il suggerimento di Henry alle impostazioni sopra e ho trovato l'effetto complessivo migliorato.

Esempio di un tipico file di impostazioni, post mod:

    {
        "git.enableSmartCommit": true,
        "git.autofetch": true,
        "breadcrumbs.enabled": true,
        "git.confirmSync": false,
        "explorer.confirmDelete": false,
        "code-runner.saveFileBeforeRun": true,
        "code-runner.saveAllFilesBeforeRun": true,
        "workbench.activityBar.visible": true,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": false,
        "scm.providers.visible": 0, // 0 consente il ridimensionamento manuale dei pannelli di controllo del codice sorgente
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Testo attualmente SELEZIONATO
            "editor.selectionHighlightBackground": "# ff00005b", // Stesso contenuto della selezione
            "editor.findMatchBackground": "# 00cc44a8", // CORRISPONDENZA DI RICERCA corrente
            "editor.findMatchHighlightBackground": "# ff7b00a1", // Altre CORRISPONDENZE DI RICERCA
            "numberedBookmarks.lineBackground": "# 007700"
            // Il suggerimento di Henry va qui ... (non dimenticare di aggiungere una virgola alla riga sopra)
        }
    }

Dove trovare il file 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

Metodo ALTERNATIVO per aprire il file settings.json:

1. Ctrl +, (virgola) per aprire le Impostazioni

2. banco di lavoro

3. Editor delle impostazioni

4. Nella casella di ricerca in alto, incolla workbench.colorCustomizations

5. A sinistra, fai clic su Workbenche poiAppearance

6. Fare clic sul collegamento a destra: Edit in settings.json

Riferimenti:

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

Se qualcuno lo trova e, come me, non è stato in grado di far funzionare la configurazione di cui sopra, prova a farlo.

1. vai su file> Preferenze> impostazioni
2. digitare nelle personalizzazioni del colore del token dell'editor di ricerca
3. sotto l' intestazione delle personalizzazioni del colore del token dell'editor
4. fare clic su modifica in settings.json
5. nella colonna di destra selezionare le impostazioni utente
6. incollalo nell'oggetto json

Assicurati di sostituire le # con i colori che vuoi vedere.

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

La mia comprensione della configurazione di cui sopra.

editor.lineHighlightBackground: quando fai clic su una riga, questo è il colore dello sfondo della riga.

"editor.selectionBackground" - Questo è lo sfondo delle selezioni corrispondenti in altre parti del buffer. Pensa a una variabile chiamata foo e viene utilizzata in tutto un file. Quindi evidenzi quel testo e tutti gli altri foo sulla pagina saranno di questo colore.

"editor.wordHighlightBackground" - Questo è il colore del testo selezionato se la parola di evidenziazione predefinita al clic non ha effetto. Ho visto che questo valore fa la differenza solo se fai clic su una parola che non si seleziona automaticamente.

editorCursor.foreground: questo è il colore del cursore.

Come ho testato, impostando il colore del bordo rende più facile la lettura rispetto all'impostazione del colore di sfondo, che è ciò che fa Sublime Text.

Ad esempio, aggiungi queste righe in settings.json:

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

Le parole selezionate verranno visualizzate in questo modo:

puoi cambiarlo con il tuo colore preferito:

passi

1. Apri codice visivo
2. Vai al menu file
3. Preferenze -> Impostazioni

dopo aver aperto le impostazioni, aggiornerete le impostazioni nella colonna di destra, copiate e incollate questo codice all'interno delle parentesi principali { ... }

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

Se qualcuno si fosse trovato a leggere la risposta di @ FujiRoyale poiché nessuno degli altri funzionava, e si chiedeva perché anche il suo non funzionasse, ma poiché era più recente si chiedeva perché, ho seguito la loro risposta, e avevo (con v1.18 di vscode ) questo come user settingsconfigurazione:

{
    // 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"
    }
}

Nota il rientro, le virgole e la rimozione delle virgolette doppie dalla loro risposta (con cui ho dovuto giocare per farlo bene, il che non era così chiaro dalla risposta). Non dovrebbe essere necessario riavviare vscode, ma potrebbe valere la pena andare a File > Autosavevedere se inizi a ottenere i punti salienti dei colori primari. E poi scegli colori migliori per i tuoi punti salienti.

Puoi anche farlo funzionare workspace settingsincollando

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

tra l'esistente {}nel riquadro delle impostazioni di destra.