配色の変更とアニメーションの背景に対応

米Anthropicは11月13日(日本時間14日午前8時59分59秒)、プログラミング支援の「Claude Code」のデスクトップ版で、独自のテーマ(画面の見た目の設定)を作れるようになったと、開発者向けのXアカウント@ClaudeDevsで告知した。テーマは、Claude Codeの画面や動作を変える拡張の仕組み「mods」で作る。配色を変えたり、アニメーションの背景を加えたりできるという。見た目の希望をClaudeに伝えて作らせるか、「theme-examples」プラグインを使って手早く始められると説明した。

You can now build custom themes for Claude Code on desktop with mods! Change the colors, add an animated background, and make it your own. Just tell Claude how you want it to look, or get started quickly with the theme-examples plugin. We'd love to see what you make!

訳:デスクトップ版のClaude Codeで、modsを使ってカスタムテーマを作れるようになりました!配色を変え、アニメーションの背景を加えて、自分好みにできます。どんな見た目にしたいかをClaudeに伝えるか、theme-examplesプラグインで手早く始めてください。皆さんの作品を楽しみにしています!

@ClaudeDevsは同日(日本時間14日午前9時0分0秒)、自らの投稿への返信で、試すにはデスクトップアプリを最新版に更新する必要があると案内した。

現時点はローカルセッションのみ、クラウドは近日

返信によると、テーマは現時点でデスクトップアプリのローカルセッション(利用者のコンピュータ上で動かす作業)で動く。クラウドセッションへの対応は「coming soon(近日)」としている。

Update to the latest version of the desktop app to try it. Themes work in local sessions in the desktop app today, support for cloud sessions is coming soon. If you'd like to write one yourself, check out the docs: https://t.co/cNzEm3E9QH

訳:試すにはデスクトップアプリを最新版に更新してください。テーマは現在、デスクトップアプリのローカルセッションで動作し、クラウドセッションへの対応は近日予定です。自分で書きたい場合は、ドキュメントを参照してください。

投稿にもドキュメントにも、料金、対象のプラン、対象の地域、クラウドセッションに対応する時期は書かれていない。theme-examplesプラグインに含まれるテーマの中身も、確かめた資料には書かれていない。

配色は「Code」タブが対象、テーマは1セッションに1つ

返信が案内した公式ドキュメント「Draw in the interface with a mod」によると、配色を変えるmodの対象はデスクトップアプリの「Code」タブで、ターミナルで使うClaude Codeは元の配色のまま変わらない。Codeタブでローカルセッションを始め、たとえばライトモードはクリーム色、ダークモードはこげ茶色にしたいと伝えると、Claudeがmodのファイルを書く。読み込まれるとCodeタブの色が変わり、直したい色もClaudeに伝えて調整する。

自分で書く場合は、数色の16進数の色指定からテーマを組み立てる関数「makeColors」を使い、ライトモードとダークモードの色をそれぞれ指定できる。会話の背後に背景(backdrop)を置く例も載せており、背景を外すコマンドを加える手順を示している。

ドキュメントによると、テーマは1つのセッションに1つだけで、ほかのmodがテーマを設定したり消したりすると、それまでの配色と背景は消える。テーマを設定するmodは一度に1つだけ使うよう求めている。

Anthropicは同じ日に、Claude Codeの「Projects」の更新も別に告知している。