Skip to Content
CLI 使用ガイドテーマ設定

テーマ

Qwen Code は、配色や外観をカスタマイズできるさまざまなテーマをサポートしています。/theme コマンドまたは "theme": 設定項目を使って、お好みのテーマに変更できます。

利用可能なテーマ

Qwen Code にはいくつかの事前定義されたテーマが含まれており、CLI 内で /theme コマンドを実行することで一覧を表示できます:

  • ダークテーマ:
    • ANSI
    • Atom One
    • Ayu
    • Default
    • Dracula
    • GitHub
  • ライトテーマ:
    • ANSI Light
    • Ayu Light
    • Default Light
    • GitHub Light
    • Google Code
    • Xcode

テーマの変更方法

  1. Qwen Code で /theme と入力します。
  2. 利用可能なテーマの一覧を表示するダイアログまたは選択プロンプトが表示されます。
  3. 矢印キーを使ってテーマを選択します。一部のインターフェースでは、選択中にライブプレビューやハイライト表示が行われる場合があります。
  4. 選択内容を確定して、テーマを適用します。

テーマの永続化

選択されたテーマは Qwen Code の設定に保存されるため、セッションをまたいでユーザーの設定が保持されます。


カスタムカラーテーマ

Qwen Code では、settings.json ファイルにテーマを指定することで、独自のカスタムカラーテーマを作成できます。これにより、CLI で使用されるカラーパレットを完全にコントロールすることが可能になります。

カスタムテーマの定義方法

ユーザー、プロジェクト、またはシステムの settings.json ファイルに customThemes ブロックを追加してください。各カスタムテーマは、一意の名前と一連のカラーキーを持つオブジェクトとして定義されます。例:

{ "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"] } } }

カラーキー:

  • Background
  • Foreground
  • LightBlue
  • AccentBlue
  • AccentPurple
  • AccentCyan
  • AccentGreen
  • AccentYellow
  • AccentRed
  • Comment
  • Gray
  • DiffAdded(任意、diff の追加行用)
  • DiffRemoved(任意、diff の削除行用)
  • DiffModified(任意、diff の変更行用)

必須プロパティ:

  • namecustomThemes オブジェクト内のキーと一致し、文字列である必要があります)
  • type(文字列 "custom" である必要があります)
  • Background
  • Foreground
  • LightBlue
  • AccentBlue
  • AccentPurple
  • AccentCyan
  • AccentGreen
  • AccentYellow
  • AccentRed
  • Comment
  • Gray

色の値には、16進コード(例:#FF0000または標準的な CSS カラー名(例:coraltealblue)を使用できます。サポートされている名前の完全なリストについては、CSS color names  を参照してください。

customThemes オブジェクトにエントリを追加することで、複数のカスタムテーマを定義できます。

カスタムテーマの例

Custom theme example

カスタムテーマの使い方

  • Qwen Code で /theme コマンドを使用して、カスタムテーマを選択します。作成したテーマはテーマ選択ダイアログに表示されます。
  • または、settings.json"theme": "MyCustomTheme" を追加してデフォルトとして設定します。
  • カスタムテーマはユーザー、プロジェクト、システムのいずれかのレベルで設定でき、他の設定と同様の設定の優先順位に従います。

ダークテーマ

ANSI

ANSI theme

Atom OneDark

Atom One theme

Ayu

Ayu theme

Default

Default theme

Dracula

Dracula theme

GitHub

GitHub theme

Light Themes

ANSI Light

ANSI Light theme

Ayu Light

Ayu Light theme

Default Light

Default Light theme

GitHub Light

GitHub Light theme

Google Code

Google Code theme

Xcode

Xcode Light theme
Last updated on