Skip to Content
BenutzerhandbuchKonfigurationDesigns

Themes

Qwen Code unterstützt eine Vielzahl von Themes, um das Farbschema und das Erscheinungsbild anzupassen. Du kannst das Theme über den Befehl /theme oder die Konfigurationseinstellung "theme": ändern, um es deinen Vorlieben anzupassen.

Verfügbare Themes

Qwen Code wird mit einer Auswahl vordefinierter Themes geliefert, die du mithilfe des Befehls /theme innerhalb der CLI auflisten kannst:

  • Dunkle Themes:
    • ANSI
    • Atom One
    • Ayu
    • Default
    • Dracula
    • GitHub
  • Helle Themes:
    • ANSI Light
    • Ayu Light
    • Default Light
    • GitHub Light
    • Google Code
    • Xcode

Ändern von Themes

  1. Gib /theme in Qwen Code ein.
  2. Es erscheint ein Dialog oder eine Auswahl-Eingabeaufforderung mit einer Liste der verfügbaren Themes.
  3. Wähle mithilfe der Pfeiltasten ein Theme aus. Einige Oberflächen bieten möglicherweise eine Live-Vorschau oder Hervorhebung während der Auswahl.
  4. Bestätige deine Auswahl, um das Theme anzuwenden.

Hinweis: Wenn in deiner settings.json-Datei ein Theme definiert ist (entweder über den Namen oder einen Dateipfad), musst du die Einstellung "theme" aus der Datei entfernen, bevor du das Theme mithilfe des Befehls /theme ändern kannst.

Speicherung von Themes

Ausgewählte Themes werden in der Konfiguration von Qwen Code gespeichert, sodass deine Präferenz auch über mehrere Sitzungen hinweg beibehalten wird.


Benutzerdefinierte Farb-Themes

Qwen Code ermöglicht es dir, eigene benutzerdefinierte Farb-Themes zu erstellen, indem du diese in deiner settings.json-Datei definierst. Dadurch erhältst du vollständige Kontrolle über die in der CLI verwendete Farbpalette.

Wie man ein benutzerdefiniertes Theme definiert

Füge einen customThemes-Block zu deiner Benutzer-, Projekt- oder Systemdatei settings.json hinzu. Jedes benutzerdefinierte Theme wird als Objekt mit einem eindeutigen Namen und einer Reihe von Farbschlüsseln definiert. Zum Beispiel:

{ "ui": { "customThemes": { "MyCustomTheme": { "name": "MyCustomTheme", "type": "custom", "Background": "#181818", ... } } } }

Farbschlüssel:

  • Background
  • Foreground
  • LightBlue
  • AccentBlue
  • AccentPurple
  • AccentCyan
  • AccentGreen
  • AccentYellow
  • AccentRed
  • Comment
  • Gray
  • DiffAdded (optional, für hinzugefügte Zeilen in Diffs)
  • DiffRemoved (optional, für entfernte Zeilen in Diffs)
  • DiffModified (optional, für geänderte Zeilen in Diffs)

Erforderliche Eigenschaften:

  • name (muss mit dem Schlüssel im customThemes-Objekt übereinstimmen und ein String sein)
  • type (muss der String "custom" sein)
  • Background
  • Foreground
  • LightBlue
  • AccentBlue
  • AccentPurple
  • AccentCyan
  • AccentGreen
  • AccentYellow
  • AccentRed
  • Comment
  • Gray

Du kannst entweder Hex-Codes (z. B. #FF0000) oder Standard-CSS-Farbnamen (z. B. coral, teal, blue) für jeden Farbwert verwenden. Eine vollständige Liste der unterstützten Namen findest du unter CSS-Farbnamen .

Du kannst mehrere benutzerdefinierte Themes definieren, indem du weitere Einträge zum customThemes-Objekt hinzufügst.

Themen aus einer Datei laden

Zusätzlich zur Definition benutzerdefinierter Themen in der settings.json kannst du auch direkt ein Thema aus einer JSON-Datei laden, indem du den Dateipfad in deiner settings.json angibst. Dies ist nützlich, um Themen zu teilen oder sie separat von deiner Hauptkonfiguration zu halten.

Um ein Thema aus einer Datei zu laden, setze die Eigenschaft theme in deiner settings.json auf den Pfad deiner Themendatei:

{ "ui": { "theme": "/path/to/your/theme.json" } }

Die Themendatei muss eine gültige JSON-Datei sein, die dieselbe Struktur wie ein benutzerdefiniertes Thema in der settings.json aufweist.

Beispiel my-theme.json:

{ "name": "My File Theme", "type": "custom", "Background": "#282A36", "Foreground": "#F8F8F2", "LightBlue": "#82AAFF", "AccentBlue": "#61AFEF", "AccentPurple": "#BD93F9", "AccentCyan": "#8BE9FD", "AccentGreen": "#50FA7B", "AccentYellow": "#F1FA8C", "AccentRed": "#FF5555", "Comment": "#6272A4", "Gray": "#ABB2BF", "DiffAdded": "#A6E3A1", "DiffRemoved": "#F38BA8", "DiffModified": "#89B4FA", "GradientColors": ["#4796E4", "#847ACE", "#C3677F"] }

Sicherheitshinweis: Zu deiner Sicherheit lädt die Gemini CLI nur Themendateien, die sich innerhalb deines Home-Verzeichnisses befinden. Wenn du versuchst, ein Thema von außerhalb deines Home-Verzeichnisses zu laden, wird eine Warnung angezeigt und das Thema wird nicht geladen. Dies dient dazu, das Laden potenziell bösartiger Themendateien aus nicht vertrauenswürdigen Quellen zu verhindern.

Beispiel für ein benutzerdefiniertes Theme

Verwenden Ihres benutzerdefinierten Themes

  • Wählen Sie Ihr benutzerdefiniertes Theme über den Befehl /theme in Qwen Code aus. Ihr benutzerdefiniertes Theme wird im Theme-Auswahldialog angezeigt.
  • Oder legen Sie es als Standard fest, indem Sie "theme": "MyCustomTheme" zum ui-Objekt in Ihrer settings.json hinzufügen.
  • Benutzerdefinierte Themes können auf Benutzer-, Projekt- oder Systemebene festgelegt werden und folgen derselben Konfigurationspriorität wie andere Einstellungen.

Themes Vorschau

Dunkles ThemeVorschauHelles ThemeVorschau
ANSIANSI Light
Atom OneDarkAyu Light
Ayu Default Light
DefaultGitHub Light
DraculaGoogle Code
GitHub Xcode
Last updated on