Claude Code ガイド

Appearance

原文（日本語に翻訳） ​

/themeから名前付きカスタムテーマを作成・切り替え可能に。~/.claude/themes/内のJSONファイルを手動編集することもできる。プラグインはthemes/ディレクトリを通じてテーマを提供することも可能。

原文（英語） ​

Create and switch between named custom themes from /theme, or hand-edit JSON files in ~/.claude/themes/; plugins can also ship themes via a themes/ directory

概要 ​

Claude Codeにカスタムテーマ機能が追加され、インターフェースの外観を自由にカスタマイズできるようになりました。/themeコマンドからGUIで作成・切り替えができるほか、~/.claude/themes/ディレクトリにJSONファイルを配置することで手動でテーマを定義できます。さらに、プラグイン開発者はプラグイン内にthemes/ディレクトリを含めることでテーマを配布できます。

基本的な使い方 ​

bash
# テーマ設定画面を開く
/theme

テーマJSONファイルの配置場所：

~/.claude/themes/
├── my-dark-theme.json
├── my-light-theme.json
└── work-theme.json

実践例 ​

/themeコマンドでテーマを作成・切り替える ​

bash
# テーマ選択・管理画面を開く
/theme

# 画面上でテーマを選択・作成・削除できる

JSONファイルでカスタムテーマを手動作成 ​

~/.claude/themes/my-theme.json を作成：

json
{
  "name": "My Dark Theme",
  "colors": {
    "primary": "#61dafb",
    "background": "#1e1e1e",
    "foreground": "#d4d4d4",
    "accent": "#569cd6"
  }
}

プラグインでテーマを配布する ​

プラグインディレクトリ内にthemes/を作成：

my-plugin/
├── plugin.json
├── skills/
└── themes/
    └── plugin-theme.json

plugin.jsonでテーマを参照：

json
{
  "name": "my-plugin",
  "version": "1.0.0",
  "themes": ["themes/plugin-theme.json"]
}

複数のテーマを環境別に使い分ける ​

bash
# 個人用テーマを適用
/theme  # → personal-dark を選択

# 作業用テーマに切り替え
/theme  # → work-light を選択

注意点 ​

  • テーマJSONのスキーマは公式ドキュメントで確認してください
  • ~/.claude/themes/に配置したJSONは自動的に/themeの選択肢に表示されます
  • プラグイン経由のテーマはプラグインインストール時に利用可能になります
  • テーマの変更は即座に反映されます

関連情報 ​