# カラーテーマ

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

<figure><img src="/files/skD6q4NDHtEv4tj2U4jk" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/AXZZ2E1nwpjVm16A5vZg" 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="/files/CcyMnTORm2cjd0fkmpfg" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ダーク</strong></td><td><img src="/files/n41mWEHk15mURVLcgbER" alt="" data-size="original"></td><td></td></tr><tr><td><strong>マリン</strong></td><td><img src="/files/KSmOu1uhk9bdr9vKzrmo" alt="" data-size="original"></td><td></td></tr><tr><td><strong>アンティーク</strong></td><td><img src="/files/bdbQpFaNcfp35WJbORFN" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ドリーム</strong></td><td><img src="/files/19eunTZdNXkPRqCmf8X9" alt="" data-size="original"></td><td></td></tr><tr><td><strong>モダン</strong></td><td><img src="/files/Ax4L71mwLwP439CX4xAk" alt="" data-size="original"></td><td></td></tr><tr><td><strong>メカニカル</strong></td><td><img src="/files/6WO8yLJE1M8vzq2rA9le" alt="" data-size="original"></td><td></td></tr><tr><td><strong>ノスタルジア</strong></td><td><img src="/files/puxAZicxEvVxAeIuiriA" alt="" data-size="original"></td><td></td></tr><tr><td><strong>サイバーパンク</strong></td><td><img src="/files/QktJ0AwfOlhLvF3rhgT1" alt="" data-size="original"></td><td></td></tr></tbody></table>

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

![](/files/9rog09vR7G1tbLd4n6W5)

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

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

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

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

改善方法

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.studio.uzu-app.com/basic-features/effect/colortheme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
