# カラーテーマ

カラーテーマは2025年12月より「画面デザイン」モードに組み込まれ、以下は旧編集モードとなりました。旧編集モードは徐々にサポートが終了するため、画面デザインモードへの切り替えをお願いいたします。詳細は[こちら](https://docs.studio.uzu-app.com/basic-features/effect/screen-design)から。

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-0b47e34ab9a8a5a8edd382cb8aadc1a174a8e63b%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-c3c039bd639e91925190f091572a64eb48610692%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

テーマは2024/01/12 現在で以下の種類が使用できます。

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><strong>ライト</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-025b20ca51011cae13aeb96426d8989c92bab2fb%2Flight.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ダーク</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-68f5e3d3e4de72614f922fa176b090d8469c7d74%2Fdark.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>マリン</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-300db8caec56bf4a436087aac51dd0dda29e7825%2Fmarine.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>アンティーク</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-c48cb76454c4ba9552d87c6e5762e6b0720eb42e%2Fantique.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ドリーム</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-f144880a984703db95f3219bb78f11ec891e13ca%2Fdream.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>モダン</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-d60b6293058e6df6fb90b9405a0acb4abb2d6c6f%2Fmodern.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>メカニカル</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-067cdd1c5c591648044860ec4c56c2b1cfd211be%2Fmechanical.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ノスタルジア</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-4c931f19c13cffa1a3f82088f41b43dd69d2a0fa%2Fnostalgia.png?alt=media" alt="" data-size="original"></td><td></td></tr><tr><td><strong>サイバーパンク</strong></td><td><img src="https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-77b1988c90ffb88c6304c9599f9021a2407cdcd9%2Fcyberpunk.png?alt=media" alt="" data-size="original"></td><td></td></tr></tbody></table>

文字色は自動で最適化されるので、モードに合わせて変える必要はありません。

![](https://1279302283-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgOyErfAjeKrNXFgLBxtx%2Fuploads%2Fgit-blob-ab4a1b08ba92344121ad27a6178db3029d0b1c02%2Fmode2.png?alt=media)

### 設定したタイミングでカラーテーマが変わらない？ <a href="#why-not-change" id="why-not-change"></a>

カラーテーマ設定画面の上から順に、「ライト：フェーズ１が開始した」、「ダーク：フェーズ２が開始した」というテーマを設定しているとします。

フェーズ２開始時点でライトからダークに変わってほしいですが、この設定では変わりません。

フェーズ１→フェーズ２と進んだ場合、「フェーズ１が開始した」という条件はフェーズ２が開始しても満たしていることになるからです。条件は、より上にある画像が優先なので、ライトの条件が満たされている限りずっと、ダークには変わりません。

改善方法

* ライトの条件を「フェーズ１が進行中」に変える
* ライトの条件を「フェーズ１が開始した　かつ　フェーズ２が踏まれなかった」に変える