Ändern Sie die Farbe des Hervorhebungstextes in Visual Studio Code

Im Moment ist es eine schwache graue Überlagerung, die schwer zu erkennen ist. Wie kann man die Standardfarbe ändern?

Update Siehe @Jakub Zawiślaks Antwort für VScode 1.12+

Alte Antwort

Visual Studio Code nennt diese Auswahl Hervorhebung und leider glaube ich nicht, dass die Farbe derzeit anpassbar ist. Themen können die Auswahlfarbe steuern, die Farbe der Auswahlhervorhebung ist jedoch fest codiert.

In diesem Problem wird eine mögliche Lösung verfolgt: https://github.com/Microsoft/vscode/issues/1636

(Als Randnotiz können Sie diese Funktion mit der editor.selectionHighlightEinstellung ein- oder ausschalten .)

Fügen Sie die folgenden Zeilen in die Einstellung "Editor: Token-Farbanpassungen" in der Datei settings.json ein.

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

Weitere Optionen finden Sie unter Themenfarbreferenz

Die obigen Antworten decken das Selected textund ab areas with same content as selection, aber sie vermissen das Current Search Matchund Other Search Matches- die das gleiche Problem haben .

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

Beachten Sie, dass sich die obigen Einstellungen auch auf die Farben auswirken, wenn Sie Alle Vorkommen ändern verwenden CtrlF2 (ein äußerst nützlicher Befehl, der alle Vorkommen einer Zeichenfolge intelligent auswählt und an jeder Stelle Cursor für die Bearbeitung mehrerer Instanzen platziert) .

AKTUALISIEREN:

Für diejenigen, die die beliebte Erweiterung Nummerierte Lesezeichen verwenden - Sie können jetzt die Hintergrundfarbe von mit Lesezeichen versehenen Linien ändern - ist es sehr einfach, sie zu bemerken. Fügen Sie diese Zeile zu settings.json hinzu (auch unter workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

Und verpassen Sie nicht den nützlichen Tipp von Henry Zhu in seiner Antwort unten (denken Sie daran, seine Antwort zu verbessern, wenn Sie sie hilfreich finden) . Ich habe Henrys Tipp zu den obigen Einstellungen hinzugefügt und festgestellt, dass sich der Gesamteffekt verbessert hat.

Beispiel einer typischen Einstellungsdatei, post mod:

    {
        "git.enableSmartCommit": true,
        "git.autofetch": wahr,
        "pancrumbs.enabled": wahr,
        "git.confirmSync": false,
        "explorer.confirmDelete": false,
        "code-running.saveFileBeforeRun": true,
        "code-running.saveAllFilesBeforeRun": true,
        "workbench.activityBar.visible": true,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": false,
        "scm.providers.visible": 0, // 0 ermöglicht die manuelle Größenänderung der Quellcodeverwaltung
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Derzeit AUSGEWÄHLTER Text
            "editor.selectionHighlightBackground": "# ff00005b", // Gleicher Inhalt wie Auswahl
            "editor.findMatchBackground": "# 00cc44a8", // Current SEARCH MATCH
            "editor.findMatchHighlightBackground": "# ff7b00a1", // Andere SEARCH MATCHES
            "numberedBookmarks.lineBackground": "# 007700"
            // Henrys Tipp geht hierher ... (vergessen Sie nicht, der obigen Zeile ein Komma hinzuzufügen)
        }}
    }}

Wo finde ich die Datei 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

ALTERNATE-Methode zum Öffnen der Datei settings.json:

1. Strg +, (Komma) zum Öffnen der Einstellungen

2. Werkbank

3. Einstellungseditor

4. Fügen Sie im Suchfeld oben ein workbench.colorCustomizations

5. Klicken Sie links auf Workbenchund dannAppearance

6. Klicken Sie auf den Link rechts: Edit in settings.json

Verweise:

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

Wenn jemand dies findet und wie ich die obige Konfiguration nicht zum Laufen bringen konnte, versuchen Sie dies.

1. Gehen Sie zu Datei> Einstellungen> Einstellungen
2. Geben Sie die Farbanpassungen für den Token des Sucheditors ein
3. unter dem Header " Editor-Token-Farbanpassungen"
4. Klicken Sie in settings.json auf Bearbeiten
5. Wählen Sie in der rechten Spalte Benutzereinstellungen aus
6. Fügen Sie dies in das JSON-Objekt ein

Stellen Sie sicher, dass Sie die # durch die Farben ersetzen, die Sie sehen möchten.

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

Mein Verständnis der obigen Konfiguration.

editor.lineHighlightBackground - Wenn Sie auf eine Linie klicken, ist dies die Farbe, in der der Linienhintergrund angezeigt wird.

"editor.selectionBackground" - Dies ist der Hintergrund übereinstimmender Auswahlen an anderer Stelle im Puffer. Stellen Sie sich eine Variable mit dem Namen foo vor, die in einer Datei verwendet wird. Sie markieren dann diesen Text und alle anderen Foos auf der Seite haben diese Farbe.

"editor.wordHighlightBackground" - Dies ist die Farbe des ausgewählten Texts, wenn das Standard-Hervorhebungswort beim Klicken nicht wirksam wird. Ich habe nur gesehen, dass dieser Wert einen Unterschied macht, wenn Sie auf ein Wort klicken, das nicht automatisch ausgewählt wird.

editorCursor.foreground - Dies ist die Farbe Ihres Cursors.

Wie ich getestet habe, das Setzen von Grenzfarbe macht es leichte Hintergrundfarbe zu lesen als die Einstellung, das ist das, was Sublime Text tut.

Fügen Sie diese Zeilen beispielsweise hinzu in settings.json:

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

Ausgewählte Wörter werden folgendermaßen angezeigt:

Sie können es mit Ihrer Lieblingsfarbe ändern, indem Sie:

Schritte

1. Öffnen Sie den visuellen Code
2. Gehe zum Dateimenü
3. Einstellungen -> Einstellungen

Nach dem Öffnen der Einstellungen aktualisieren Sie Ihre Einstellung in der rechten Spalte. Kopieren Sie diesen Code und fügen Sie ihn in die Hauptklammern ein { ... }

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

Wenn jemand die Antwort von @ FujiRoyale las, da keiner der anderen funktionierte, und sich fragte, warum seine / ihre auch nicht funktionierten, aber als es in jüngerer Zeit gefragt wurde, warum, folgte ich ihrer Antwort und hatte (mit v1.18 von vscode) ) dies als user settingsSetup:

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

Beachten Sie den Einzug und die Kommas sowie das Entfernen von doppelten Anführungszeichen aus ihrer Antwort (mit denen ich spielen musste, um es richtig zu machen, was aus der Antwort nicht so klar hervorgeht). Es sollte nicht notwendig sein, vscode neu zu starten, aber es kann sich lohnen, nachzuschauen, File > Autosaveob Sie anfangen, Primärfarben hervorzuheben. Und dann wählen Sie bessere Farben für Ihre Highlights.

Sie können diese Funktion auch workspace settingsdurch Einfügen aktivieren

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

dazwischen das {}in diesem rechten Einstellungsbereich vorhandene.