Skip to Content
ユーザーガイド設定テーマ

テーマ

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 (オプション、差分の追加行用)
  • DiffRemoved (オプション、差分の削除行用)
  • DiffModified (オプション、差分の変更行用)

必須プロパティ:

  • 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" を追加して、デフォルトとして設定することもできます。
  • カスタムテーマは、ユーザー、プロジェクト、またはシステムレベルで設定でき、他の設定と同様に設定の優先順位に従います。

テーマプレビュー

ダークテーマプレビューライトテーマプレビュー
ANSIANSI Light
Atom OneDarkAyu Light
Ayu Default Light
DefaultGitHub Light
DraculaGoogle Code
GitHub Xcode
Last updated on