webentwicklung-frage-antwort-db.com.de

Ändern Sie die Textfarbe für Hervorhebungen in Visual Studio-Code

Im Moment ist es eine schwache graue Überlagerung, die schwer zu erkennen ist. Irgendeine Möglichkeit, die Standardfarbe zu ändern?

 enter image description here

45
duyn9uyen

Update Siehe die Antwort von @Jakub Zawiślak für VScode 1.12+


Alte Antwort

In Visual Studio Code wird diese Auswahl hervorgehoben. Leider glaube ich nicht, dass die Farbe derzeit anpassbar ist. Themen können die 'Auswahl'-Farbe steuern, aber die' Auswahl-Hervorhebungs'-Farbe ist hartcodiert.

Sehen Sie sich dieses Problem mit einer möglichen Lösung an: https://github.com/Microsoft/vscode/issues/1636

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

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

Weitere Informationen finden Sie unter Referenz zur Farbreferenz

129
Jakub Zawiślak

Die obigen Antworten decken denSelected textundareas with same content as selectionab, aber sie verfehlen denCurrent Search MatchundOther Search Matches-die haben genau das gleiche Problem.

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

Beispiel einer typischen Einstellungsdatei, 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, 
 "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" // Other SEARCH MATCHES 
} 
} 
 

So finden Sie 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 settings.json-Datei:

  1. Strg + (Komma), um Einstellungen zu öffnen

  2. Werkbank

  3. Einstellungseditor

  4. Im Suchfeld oben workbench.colorCustomizations einfügen

  5. Klicken Sie links auf Workbench und dann auf Appearance

  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

3
gibberish

Wie ich getestet habe, erleichtert das Festlegen der Rahmenfarbe das Lesen als das Festlegen der Hintergrundfarbe, wie dies bei Sublime Text der Fall ist.

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

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

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

enter image description here

3
henry zhu

sie können es mit Ihrer Lieblingsfarbe ändern durch:

Schritte

  1. Öffnen Sie den visuellen Code 
  2. Gehe zu Datei-Menü
  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
},
2
Rizo

Wenn sich irgendjemand @ FujiRoyales Antwort las, als keiner der anderen funktionierte, und sich fragte, warum seine/sie auch nicht funktionierten, aber da es sich erst kürzlich fragte, warum, folgte ich ihrer Antwort und hatte (mit v1.18 von vscode ) Dies als user settings-Setup:

{
    // 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 die Einrückung und die Kommas sowie das Entfernen von Anführungszeichen aus der Antwort (mit der ich spielen musste, um es richtig zu machen, was in der Antwort nicht so klar war). Es ist nicht nötig, vscode neu zu starten, aber es lohnt sich möglicherweise, zu File > Autosave zu gehen, um zu sehen, ob Sie anfangen, Primärfarben hervorzuheben. Und wählen Sie dann bessere Farben für Ihre Highlights. 

Sie können dies auch in workspace settings durch Einfügen ausführen 

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

zwischen dem vorhandenen {} in diesem rechten Einstellungsbereich.

1
volvox

Wenn jemand das findet und, wie ich, die oben genannte Konfiguration nicht zum Laufen bringen konnte, versuchen Sie es. 

  1. gehen Sie zu Datei> Einstellungen> Einstellungen
  2. geben Sie in der Suche Editor-Token-Farbanpassungen ein.
  3. unter der Editor-Tokenfarbe Anpassungen
  4. klicken Sie in Einstellungen.json auf Bearbeiten
  5. in der rechten Spalte wählen Sie die Benutzereinstellungen aus
  6. fügen Sie dies in das Json-Objekt ein

Achten Sie darauf, die # durch Farben zu 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 Konfig.  

editor.lineHighlightBackground - Wenn Sie auf eine Linie klicken, ist dies die Farbe des Linienhintergrunds. 

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

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

editorCursor.foreground - Dies ist die Farbe Ihres Cursors. 

1
FujiRoyale

Schritte zum Ändern der Standardfarbe für Hervorhebungen

  1. Öffnen Sie Visual Studio Code.
  2. Drücken Sie dann Ctrl+k,t
  3. Ein Dropdown-Dialog wird angezeigt. Wählen Sie Ihre Auswahl aus der Dropdown-Liste aus.
0
anil shrestha