テーマ
Qwen Code は、カラースキームと外観をカスタマイズするためのさまざまなテーマをサポートしています。/theme コマンドまたは "theme": 設定を使用して、好みに合わせてテーマを変更できます。
利用可能なテーマ
Qwen Code にはあらかじめ定義されたテーマが用意されており、CLI 内で /theme コマンドを使用して一覧表示できます:
- ダークテーマ:
ANSIAtom OneAyuDefaultDraculaGitHub
- ライトテーマ:
ANSI LightAyu LightDefault LightGitHub LightGoogle CodeXcode
テーマの変更
- Qwen Code で
/themeを入力します。 - 利用可能なテーマの一覧が表示されるダイアログまたは選択プロンプトが表示されます。
- 矢印キーを使用してテーマを選択します。一部のインターフェースでは、選択時にライブプレビューやハイライトが表示される場合があります。
- 選択を確定してテーマを適用します。
注記: settings.json ファイルでテーマが定義されている場合(名前またはファイルパスのいずれか)、/theme コマンドを使用してテーマを変更する前に、ファイルから "theme" 設定を削除する必要があります。
テーマの永続化
選択したテーマは Qwen Code の 設定 に保存されるため、セッション間で設定が保持されます。
カスタムカラーテーマ
Qwen Code では、settings.json ファイルで指定することで独自のカスタムカラーテーマを作成できます。これにより、CLI で使用されるカラーパレットを完全に制御できます。
カスタムテーマの定義方法
ユーザー、プロジェクト、またはシステムの settings.json ファイルに customThemes ブロックを追加します。各カスタムテーマは、一意の名前とカラーキーのセットを持つオブジェクトとして定義されます。例:
{
"ui": {
"customThemes": {
"MyCustomTheme": {
"name": "MyCustomTheme",
"type": "custom",
"Background": "#181818",
...
}
}
}
}カラーキー:
BackgroundForegroundLightBlueAccentBlueAccentPurpleAccentCyanAccentGreenAccentYellowAccentRedCommentGrayDiffAdded(オプション、diff の追加行用)DiffRemoved(オプション、diff の削除行用)DiffModified(オプション、diff の変更行用)
必須プロパティ:
name(customThemesオブジェクト内のキーと一致し、文字列である必要があります)type(文字列"custom"である必要があります)BackgroundForegroundLightBlueAccentBlueAccentPurpleAccentCyanAccentGreenAccentYellowAccentRedCommentGray
任意のカラー値には、16 進数コード(例:#FF0000)または 標準の CSS カラー名(例:coral、teal、blue)のいずれかを使用できます。サポートされている名前の完全なリストについては、CSS カラー名 を参照してください。
customThemes オブジェクトにエントリを追加することで、複数のカスタムテーマを定義できます。
ファイルからのテーマの読み込み
settings.json でカスタムテーマを定義するだけでなく、settings.json でファイルパスを指定して JSON ファイルから直接テーマを読み込むこともできます。これは、テーマを共有したり、メインの設定から分離して管理したりする場合に便利です。
ファイルからテーマを読み込むには、settings.json の theme プロパティをテーマファイルのパスに設定します:
{
"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"]
}セキュリティに関する注記: セキュリティ保護のため、Qwen Code はホームディレクトリ内に配置されているテーマファイルのみを読み込みます。ホームディレクトリ外からテーマを読み込もうとすると、警告が表示され、テーマは読み込まれません。これは、信頼できないソースから悪意のある可能性のあるテーマファイルが読み込まれるのを防ぐためです。
カスタムテーマの例
カスタムテーマの使用
- Qwen Code で
/themeコマンドを使用してカスタムテーマを選択します。カスタムテーマはテーマ選択ダイアログに表示されます。 - または、
settings.jsonのuiオブジェクトに"theme": "MyCustomTheme"を追加してデフォルトとして設定します。 - カスタムテーマはユーザー、プロジェクト、またはシステムレベルで設定でき、他の設定と同じ 設定の優先順位 に従います。
テーマのプレビュー
| ダークテーマ | プレビュー | ライトテーマ | プレビュー |
|---|---|---|---|
| ANSI | ![]() | ANSI Light | ![]() |
| Atom OneDark | ![]() | Ayu Light | ![]() |
| Ayu | ![]() | Default Light | ![]() |
| Default | ![]() | GitHub Light | ![]() |
| Dracula | ![]() | Google Code | ![]() |
| GitHub | ![]() | Xcode | ![]() |











