Wie bearbeite ich ein dunkles Standarddesign für Visual Studio Code?

Ich verwende Windows 7 64-Bit.

Gibt es eine Möglichkeit, das dunkle Standarddesign im Visual Studio-Code zu bearbeiten? Im %USERPROFILE%\.vscodeOrdner befinden sich nur Themen aus den Erweiterungen, während im Installationspfad (ich habe Standard verwendet C:\Program Files (x86)\Microsoft VS Code) Dateien mit einigen Standardthemen \resources\app\extensionswie Kimbie Dark, Solarized Dark / Light oder Varianten von Monokai vorhanden sind, aber es gibt kein Standard-Dunkelthema.

Aber wenn es doch eine Möglichkeit gibt, es zu bearbeiten, welche Codeblöcke sind dann für die Farbe des Mitglieds des Objekts, des Mitglieds des Zeigers und den Namen der Klasse und Struktur in der C ++ - Sprache verantwortlich?

Die gesuchte Datei befindet sich in:

Microsoft VS-Code \ Ressourcen \ App \ Erweiterungen \ Theme-Defaults \ Themes

unter Windows und suchen Sie nach dem Dateinamen dark_vs.json, um ihn auf einem anderen System zu finden.

Aktualisieren:

Bei neuen Versionen von VSCode müssen Sie nicht nach der Einstellungsdatei suchen, um das Thema anzupassen. Jetzt können Sie Ihr Farbthema mit den Einstellungen workbench.colorCustomizationsund und den editor.tokenColorCustomizationsBenutzereinstellungen anpassen . Dokumentation zu diesem Thema finden Sie hier .

Im VS-Code 'Benutzereinstellungen' können Sie sichtbare Farben mit den folgenden Tags bearbeiten (dies ist ein Beispiel und es gibt viel mehr Tags).

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

Wenn Sie einige C ++ - Farbtoken bearbeiten möchten, verwenden Sie das folgende Tag:

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}

In Bezug auf die Themen ist VS Code genauso bearbeitbar wie Sublime. Sie können jedes der mit VS-Code gelieferten Standardthemen bearbeiten. Sie müssen nur wissen, wo sich die Themendateien befinden.

Randnotiz: Ich liebe das Monokai-Thema. Alles, was ich daran ändern wollte, war der Hintergrund. Ich mag den dunkelgrauen Hintergrund nicht. Stattdessen denke ich, dass der Kontrast mit einem festen schwarzen Hintergrund viel besser ist. Der Code erscheint viel mehr.

Wie auch immer, ich habe nach der Themendatei gesucht und sie (in Windows) gefunden unter:

c: \ Programme (x86) \ Microsoft VS-Code \ Ressourcen \ App \ Erweiterungen \ Theme-Monokai \ Themes \

In diesem Ordner habe ich die Datei Monokai.tmTheme gefunden und den ersten Hintergrundschlüssel wie folgt geändert:

<key>background</key>
<string>#000000</string>

Die Themendatei enthält einige Hintergrundschlüssel. Stellen Sie sicher, dass Sie den richtigen bearbeiten. Der, den ich bearbeitet habe, war ganz oben. Zeile 12 denke ich.

Sie können ein Standardthema nicht "bearbeiten", sie sind "gesperrt".

Sie können es jedoch mit genau den gewünschten Änderungen in Ihr eigenes benutzerdefiniertes Thema kopieren.

Weitere Informationen finden Sie in den folgenden Artikeln: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

Wenn Sie nur die Farben für C ++ - Code ändern möchten, sollten Sie den C ++ - Support-Colorizer überschreiben. Informationen dazu finden Sie hier: https://code.visualstudio.com/docs/customization/colorizer

BEARBEITEN: Das dunkle Thema finden Sie hier: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: Zur Verdeutlichung:

• Laden Sie diese Datei herunter: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• Ändern Sie, wie Sie möchten
• Generieren Sie ein Thema mit Yo Code https://code.visualstudio.com/docs/tools/yocode
• Kopieren Sie dieses Thema in Ihren Erweiterungsordner. Wenn Sie Lust auf Teilen haben, veröffentlichen Sie es auf dem VS Code-Marktplatz.

Am einfachsten ist es, die Benutzereinstellungen zu bearbeiten und anzupassen workbench.colorCustomizations

Wenn Sie Ihr Thema machen möchten

Es besteht auch die Möglichkeit, das aktuelle *.color-theme.jsonDesign zu ändern, wodurch die aktuellen Designeinstellungen kopiert und als JSON5-Datei gespeichert werden

Jedes Farbthema kann in diesem Einstellungsabschnitt in VS Code Version 1.12 oder höher geändert werden:

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

Siehe https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Verfügbare Werte zum Bearbeiten: https://code.visualstudio.com/docs/getstarted/theme-color-reference

BEARBEITEN: Informationen zum Ändern der Syntaxfarben finden Sie hier: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors und hier: https://www.sublimetext.com/docs/ 3 / scope_naming.html

Wie bereits erwähnt, müssen Sie editor.tokenColorCustomizationsdie workbench.colorCustomizationsEinstellung in der Datei settings.json überschreiben . Hier können Sie ein Basisthema wie Abyss auswählen und nur die Dinge überschreiben, die Sie ändern möchten. Sie können entweder sehr wenige Dinge wie die Funktion, die Zeichenfolgenfarben usw. sehr einfach überschreiben.

ZB für workbench.colorCustomizations

"workbench.colorCustomizations": {
    "[Default Dark+]": {
        "editor.background": "#130e293f",
    }
}

ZB für editor.tokenColorCustomizations:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "functions": "#FF0000",
        "strings": "#FF0000"
    }
}
// Don't do this, looks horrible.

Bei umfangreichen Anpassungen wie dem Ändern der Farbe des varSchlüsselworts müssen Sie jedoch die Überschreibungswerte unter dem textMateRulesSchlüssel angeben .

ZB unten:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "textMateRules": [
            {
                "scope": "keyword.operator",
                "settings": {
                    "foreground": "#FFFFFF"
                }
            },
            {
                "scope": "keyword.var",
                "settings": {
                    "foreground": "#2871bb",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

Sie können Themen auch global überschreiben:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                //following will be in italics (=Pacifico)
                "comment",
                "entity.name.type.class", //class names
                "keyword", //import, export, return…
                //"support.class.builtin.js", //String, Number, Boolean…, this, super
                "storage.modifier", //static keyword
                "storage.type.class.js", //class keyword
                "storage.type.function.js", // function keyword
                "storage.type.js", // Variable declarations
                "keyword.control.import.js", // Imports
                "keyword.control.from.js", // From-Keyword
                //"entity.name.type.js", // new … Expression
                "keyword.control.flow.js", // await
                "keyword.control.conditional.js", // if
                "keyword.control.loop.js", // for
                "keyword.operator.new.js", // new
            ],
            "settings": {
                "fontStyle": "italic"
            }
        }
    ]
}

Weitere Details finden Sie hier: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Lösung für MAC OS

Ich bin mir nicht sicher, ob diese Antwort hier passt, aber ich möchte eine Lösung für MAC-Benutzer freigeben, und es sieht unangenehm aus, wenn ich eine neue Frage beginne und mich dort selbst beantworte.

Suchen Sie nach Ihrem VSCode-Themenpfad wie folgt:

..Ihr_Installationsort / Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

Öffnen Sie die JSON-Datei und suchen Sie nach den zu ändernden Zielstilen.
In meinem Fall möchte ich die Farbe des Leerzeichen-Renderings ändern.
Ich habe sie
"editorWhitespace.foreground"
unter settings.jsonVisual Studio-Code gefunden.
Ich habe die folgenden Zeilen hinzugefügt (in den Arbeitsbereichseinstellungen):

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

Lösungen geleitet von: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

Vergessen Sie nicht, ⌘ Command+ Sdie Einstellungen zu speichern, um wirksam zu werden.

Die Dokumente haben jetzt einen ganzen Abschnitt darüber.

Wenn Sie den Befehl grundsätzlich npmzum Installieren yound Ausführen verwenden, erhalten yo codeSie einen kleinen textbasierten Assistenten. Eine der Optionen besteht darin, eine Kopie des Standard-Dunkelschemas zu erstellen und zu bearbeiten.

Ich bin hierher gekommen, um einen Weg zu finden, das Thema zu bearbeiten, konnte es aber auf meinem Mac nicht finden. Nach einem tiefen Tauchgang fand ich endlich den Installationsort:

~/.vscode/extensions

Alle Erweiterungen drin!