# 表示設定

このページでは、ソフトウェアのカラーテーマ、ページレイアウト、または [カスタム CSS](https://docs.cherry-ai.com/docs/jp/pre-basic/personalization-settings/css) を使って、いくつかの個別設定を行えます。

### テーマの選択

ここでデフォルトの画面カラーモード（ライトモード、ダークモード、またはシステムに従う）を設定できます

### トピック設定

この設定は会話画面のレイアウトに関する設定です。

#### トピックの位置

{% tabs %}
{% tab title="左側（デフォルト）" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-1c7c46f505ce66348ec3e97cd2390056f281b3b4%2Fimage%20(10)%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="右側" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-7b837eeb5e1243829b8d2942a99d4122c5fd59a5%2Fimage%20(11).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### トピックへの自動切り替え

この設定を有効にすると、アシスタント名をクリックしたときにページが自動的に対応するトピックページに切り替わります。

{% tabs %}
{% tab title="無効時（デフォルト）" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-8ce8a3320922c59004c3af0b082df18cb52b4263%2FHoneycam%202025-01-04%2017-35-43.gif?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="有効時" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-729ab91762ce35561405e5dd84d5dc677fa5e65b%2FHoneycam%202025-01-04%2017-38-18.gif?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### トピック時間を表示

有効にすると、トピックの下にトピック **作成** 時刻が表示されます。

{% tabs %}
{% tab title="無効時" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-aaf3cce4826b809e47646d8bf2f77c60d8da0f03%2Fimage%20(14).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="有効時" %}

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-d6760632894cd0b6a491569e291915c6163ee6f4%2Fimage%20(12).png?alt=media" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### カスタム CSS

この設定により、画面に対して柔軟に個別の変更や設定を行えます。具体的な方法は上級チュートリアルの [カスタム CSS](https://docs.cherry-ai.com/docs/jp/pre-basic/personalization-settings/css)を提供する。