Theming

In Visual Studio Code gibt es drei Arten von Themes

• Farbschema: Eine Zuordnung von UI-Komponenten-Identifikatoren und Text-Token-Identifikatoren zu Farben. Mit Farbschemata können Sie Ihre bevorzugten Farben sowohl auf VS Code-UI-Komponenten als auch auf den Text im Editor anwenden.
• Datei-Symbol-Theme: Eine Zuordnung von Dateitypen / Dateinamen zu Bildern. Datei-Symbole werden in der gesamten VS Code-Benutzeroberfläche angezeigt, z. B. im Datei-Explorer, in der Schnellöffnungsliste und in den Editor-Tabs.
• Produkt-Symbol-Theme: Eine Sammlung von Symbolen, die in der gesamten Benutzeroberfläche verwendet werden, von der Seitenleiste, der Aktivitätsleiste, der Statusleiste bis zum Rand des Editor-Glyphen.

Farbschema

Wie Sie in der Abbildung sehen können, definiert das Farbschema Farben für UI-Komponenten sowie für die Hervorhebung im Editor.

• Die colors Zuordnung, die Farben für UI-Komponenten steuert.
• Die tokenColors definieren die Farbe und Stile für die Hervorhebung im Editor. Der Syntax Highlight Leitfaden enthält weitere Informationen zu diesem Thema.
• Die semanticTokenColors Zuordnungen sowie die semanticHighlighting Einstellung ermöglichen eine verbesserte Hervorhebung im Editor. Der Semantic Highlight Leitfaden erklärt die zugehörigen APIs.

Wir haben einen Leitfaden für Farbschemata und ein Beispiel für ein Farbschema, das die Erstellung eines Themes veranschaulicht.

Dateisymbol-Schema

Datei-Symbol-Themes ermöglichen es Ihnen,

• Eine Zuordnung von eindeutigen Datei-Symbol-Identifikatoren zu Bildern oder Schrift-Symbolen zu erstellen.
• Dateien diesen eindeutigen Datei-Symbol-Identifikatoren anhand von Dateinamen oder Dateisprachtypen zuzuordnen.

Der Leitfaden für Datei-Symbol-Themes erläutert, wie ein Datei-Symbol-Theme erstellt wird.

Produkt-Symbol-Schema

Produkt-Symbol-Themes ermöglichen es Ihnen,

Alle integrierten Symbole neu zu definieren, die in der Benutzeroberfläche verwendet werden. Beispiele sind die Symbole in Filteraktionsschaltflächen und Ansichtssymbolen, in der Statusleiste, Haltepunkte und die Falt-Symbole in Bäumen und im Editor.

Der Leitfaden für Produkt-Symbol-Themes erläutert, wie ein Produkt-Symbol-Theme erstellt wird.