web-dev-qa-db-de.com

Wie ändere ich die Farbe von Kommentaren in Visual Studio-Code?

Ich habe https://code.visualstudio.com/docs/getstarted/theme-color-reference durchgearbeitet, aber anscheinend keine Einstellung zum Ändern der Kommentarfarbe gefunden.

Ich verwende gerade Atom One Dark Theme und möchte die Farbe ein wenig aufhellen, damit ich sie besser lesen kann.

46
Nuuu

Von 1.15 (Juli 2017) können Sie es von settings.json ändern Ctrl+,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

Ab 1.20 (Januar 2018) können Sie dies auch für jedes Thema separat tun:

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

Den richtigen Umfang finden:

Entwickler: TM-Bereiche überprüfen editor.action.inspectTMScopes

demo tm inspect command

Selektorpriorität:

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



Ok, weitere Beispiele (für js):

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

commententer image description herepunctuation.definition.commententer image description herecomment.block.documentationenter image description herestorage.type.class.jsdocenter image description hereentity.name.type.instance.jsdocenter image description herevariable.other.jsdocenter image description here

91
Alex

Um die Antwort und den Kommentar von @Johnny Derp zu erweitern. Sie können die Schriftfarbe und den Schriftstil folgendermaßen ändern:

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

background kann auf diese Weise nicht geändert werden, nur die Farbe und der Stil. Stand Juni 2018.

10
Mark

Gehen Sie zu Ihren Einstellungen. enter image description here

Suchen Sie dann nach settings.json enter image description here öffne die Datei und füge dann diese Codezeile hinzu:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

ändern Sie die Farbe der Kommentare, indem Sie den Mauszeiger über die Farbe bewegen und die gewünschte Farbe auswählen. enter image description here Dann speichern Sie die Änderungen. (Strg + S) Beenden Sie das Programm. Wenn Sie es erneut öffnen, werden die Änderungen angezeigt. enter image description here

5
Jordan A.

Sieht so aus, als könnten die Token-Farben derzeit nicht in den Einstellungen angepasst werden:

Die bekanntesten Editorfarben sind die Tokenfarben, die auf der installierten Sprachgrammatik basieren. Diese Farben werden durch das Farbschema definiert und können (derzeit) nicht in den Einstellungen angepasst werden.

Quelle: https://code.visualstudio.com/docs/getstarted/theme-color-reference

Mir ist aufgefallen, dass Sie in den Themenordnern beispielsweise Folgendes suchen: C:\Programme (x86)\Microsoft VS Code\resources\app\extensions\theme-monokai und die Datei monokai-color-theme.json bearbeiten für die Zeile mit "Name": "Kommentar" und ändern Sie die "Vordergrund" -Farbe wird es funktionieren. Stellen Sie einfach sicher, dass Sie das Programm neu starten.

4
Nuuu

Wie Mark sagte, aber fügen Sie in der "scope": nach "comment"

"punctuation.definition.comment"

auch die Zeichensetzung zu färben,

z.B. (// in javescript | /* */ in CSS | <!-- --> in html).

"scope": ["comment", "punctuation.definition.comment"]

So ändern Sie die VS Code-Kommentarfarbe

Datei -> Einstellungen -> Einstellungen

Wählen Sie die Registerkarte "Arbeitsbereichseinstellungen", um sie nur für dieses Projekt zu ändern
Wählen Sie die Registerkarte "Benutzereinstellungen", um sie für alle Projekte zu ändern

Führen Sie eine Suche nach "settings.json" durch und suchen Sie nach einer Option für "In settings.json bearbeiten".

Fügen Sie diese Farbeinstellung für die Kommentare in die geschweiften Klammern ein:

"editor.tokenColorCustomizations": {
"Kommentare": "# ff4"
}

Es könnte sich beschweren, dass Sie Ihr aktuelles Farbschema überschreiben. Ignorieren Sie das einfach.

Wenn es bereits einen Abschnitt für "editor.tokenColorCustomizations" gibt, fügen Sie einfach die Zeile hinzu, um die Kommentarfarbe anzugeben.

1
EJ Thayer