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 カラー名(例: coraltealblue)を使用できます。サポートされている名前の完全なリストについては、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