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 über 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:

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

Themes ändern

Gib /theme in Qwen Code ein.
Ein Dialog oder eine Auswahl erscheint, in dem die verfügbaren Themes aufgelistet sind.
Wähle mit den Pfeiltasten ein Theme aus. Manche Oberflächen bieten eventuell eine Live-Vorschau oder markieren das aktuelle Theme.
Bestätige deine Auswahl, um das Theme zu übernehmen.

Theme Persistence

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

Custom Color Themes

Qwen Code ermöglicht es dir, eigene Custom Color Themes zu erstellen, indem du diese in deiner settings.json-Datei definierst. Dadurch hast du volle Kontrolle über die Farbpalette, die in der CLI verwendet wird.

Wie du ein Custom Theme definierst

Füge einen customThemes-Block zu deiner settings.json-Datei auf User-, Projekt- oder Systemebene hinzu. Jedes Custom Theme wird als Objekt mit einem eindeutigen Namen und einem Satz von Farbschlüsseln definiert. Zum Beispiel:

{
  "customThemes": {
    "MyCustomTheme": {
      "name": "MyCustomTheme",
      "type": "custom",
      "Background": "#181818",
      "Foreground": "#F8F8F2",
      "LightBlue": "#82AAFF",
      "AccentBlue": "#61AFEF",
      "AccentPurple": "#C678DD",
      "AccentCyan": "#56B6C2",
      "AccentGreen": "#98C379",
      "AccentYellow": "#E5C07B",
      "AccentRed": "#E06C75",
      "Comment": "#5C6370",
      "Gray": "#ABB2BF",
      "DiffAdded": "#A6E3A1",
      "DiffRemoved": "#F38BA8",
      "DiffModified": "#89B4FA",
      "GradientColors": ["#4796E4", "#847ACE", "#C3677F"]
    }
  }
}

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 Properties:

name (muss mit dem Key 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 standardisierte CSS-Farbnamen (z. B. coral, teal, blue) für jeden Farbwert verwenden. Eine vollständige Liste der unterstützten Namen findest du unter CSS color names.

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

Beispiel für ein benutzerdefiniertes Theme

Verwendung deines benutzerdefinierten Themes

Wähle dein benutzerdefiniertes Theme über den Befehl /theme in Qwen Code aus. Dein Theme wird dann im Theme-Auswahldialog angezeigt.
Oder lege es als Standard fest, indem du "theme": "MyCustomTheme" 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.