> For the complete documentation index, see [llms.txt](https://docs.studio.uzu-app.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.studio.uzu-app.com/basic-features/effect/screen-design.md).
# 画面デザイン
2025年12月より、背景画像・カラーテーマの編集画面を新しいモードへ切り替えることができるようになりました。
## 画面デザインモードへの切り替え
旧モードの背景画像・カラーテーマ編集画面が適用されているシナリオでは以下のような案内が出てきます↓
「詳細を確認」を押すと、画面デザインモードへ切り替えることができますが、**これまでの設定は全てリセット**されるため注意してください。
## 画面デザインの使い方
画面デザインでは、フォント・アイコン・カラーテーマ・背景画像を自由に組み合わせて使用できます。\
例えば、Noto Sans JPはゴシック体のフォント、ストロングは黒塗りがベースのアイコンです。
特定のフェーズや特定の条件で別のデザインの画面を表示したいときは「条件付きスタイルを追加」を選択します。
追加されたスタイルのペンキ塗りマークを押すと、スタイルの詳細を設定できます。
条件付きスタイルが不要になったときは、「・・・」ボタンから削除できます。