Themes

Qwen Code unterstützt verschiedene Themes, um das Farbschema und die Darstellung anzupassen. Du kannst das Theme über den /theme-Befehl oder die Konfigurationseinstellung "theme": nach deinen Vorlieben ändern.

Available Themes

Qwen Code wird mit einer Auswahl vordefinierter Themes geliefert, die du über den /theme-Befehl in der CLI auflisten kannst:

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

Changing Themes

1. Gib /theme in Qwen Code ein.
2. Ein Dialog oder Auswahlmenü erscheint, das die verfügbaren Themes auflistet.
3. Wähle mit den Pfeiltasten ein Theme aus. Einige Interfaces bieten möglicherweise eine Live-Vorschau oder Hervorhebung während der Auswahl.
4. Bestätige deine Auswahl, um das Theme anzuwenden.

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

Theme Persistence

Ausgewählte Themes werden in der Konfiguration von Qwen Code gespeichert, sodass deine Einstellung sitzungsübergreifend beibehalten wird.

Custom Color Themes

Qwen Code ermöglicht es dir, eigene Farb-Themes zu erstellen, indem du sie in deiner settings.json-Datei angibst. So hast du die vollständige Kontrolle über die in der CLI verwendete Farbpalette.

How to Define a Custom Theme

Füge deiner settings.json-Datei (auf Benutzer-, Projekt- oder Systemebene) einen customThemes-Block hinzu. Jedes benutzerdefinierte Theme wird als Objekt mit einem eindeutigen Namen und einer Reihe von Farbschlüsseln definiert. 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

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

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

Loading Themes from a File

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

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

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

Die Theme-Datei muss eine gültige JSON-Datei sein, die derselben Struktur wie ein in settings.json definiertes benutzerdefiniertes Theme folgt.

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 Theme-Dateien, die sich in deinem Home-Verzeichnis befinden. Wenn du versuchst, ein Theme von außerhalb deines Home-Verzeichnisses zu laden, wird eine Warnung angezeigt und das Theme wird nicht geladen. Dies dient dazu, das Laden potenziell bösartiger Theme-Dateien aus nicht vertrauenswürdigen Quellen zu verhindern.

Example Custom Theme

Using Your Custom Theme

• Wähle dein benutzerdefiniertes Theme über den /theme-Befehl in Qwen Code aus. Es erscheint im Theme-Auswahldialog.
• Oder lege es als Standard fest, indem du "theme": "MyCustomTheme" zum ui-Objekt in deiner settings.json hinzufügst.
• Benutzerdefinierte Themes können auf Benutzer-, Projekt- oder Systemebene festgelegt werden und folgen derselben Konfigurationspriorität wie andere Einstellungen.

Themes Preview

Dunkles Theme	Vorschau	Helles Theme	Vorschau
ANSI		ANSI Light
Atom OneDark		Ayu Light
Ayu		Default Light
Default		GitHub Light
Dracula		Google Code
GitHub		Xcode