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. 選択内容を確定して、テーマを適用します。

注意: settings.json ファイル内でテーマが定義されている場合(名前またはファイルパスによる)、/theme コマンドを使用してテーマを変更する前に、ファイルから "theme" 設定を削除する必要があります。

テーマの永続化

選択したテーマは Qwen Code の 設定 に保存されるため、セッション間でユーザーの好みが記憶されます。


カスタムカラーテーマ

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

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

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

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

カラーキー:

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

必須プロパティ:

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

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

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

ファイルからテーマを読み込む

settings.json でカスタムテーマを定義するだけでなく、settings.json でファイルパスを指定することで、JSON ファイルから直接テーマを読み込むこともできます。これは、テーマを共有したり、メインの設定ファイルとは別に管理したりするのに便利です。

ファイルからテーマを読み込むには、settings.jsontheme プロパティにテーマファイルのパスを設定します:

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

テーマファイルは、settings.json で定義されたカスタムテーマと同じ構造に従った、有効な JSON ファイルである必要があります。

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

セキュリティに関する注意: 安全のため、Gemini CLI はホームディレクトリ内にあるテーマファイルのみを読み込みます。ホームディレクトリ外からテーマを読み込もうとすると、警告が表示され、テーマは読み込まれません。これは、信頼できないソースからの悪意のあるテーマファイルの読み込みを防ぐためです。

カスタムテーマの例

カスタムテーマの例

カスタムテーマの使い方

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

ダークテーマ

ANSI

ANSI テーマ

Atom OneDark

Atom One テーマ

Ayu

Ayu テーマ

Default

デフォルトテーマ

Dracula

Dracula テーマ

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