> For the complete documentation index, see [llms.txt](https://docs.cherryai.com.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cherryai.com.cn/docs/jp/pre-basic/settings/display.md).

# 外観

外観設定には **インターフェースの見た目、メッセージの表示方法、コードと数式のレンダリング方法** 一連の設定がまとめられています。開く `設定 → 外観`では、上から順にテーマ、表示と言語、フォント、入力、メッセージ、数式、コードブロックなどのセクションがあります。

> ここにあるオプションだけでは満足できませんか？さらに [カスタム CSS](/docs/jp/pre-basic/settings/display/custom-css.md) で詳細にカスタマイズできます。

### テーマとテーマカラー

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-8d1a0a86da3462f97dbc54fef166fcd22f03f7a0%2Fappearance-theme.png?alt=media" alt=""><figcaption><p>テーマ、テーマカラー、表示言語</p></figcaption></figure>

* **テーマ**： **ライト / ダーク / システム** を切り替えます（「システム」はOSのライト／ダークモードに従います）。
* **テーマカラー**：インターフェースのメインカラーを選択します。複数のプリセットカラーのほか、右側に16進数のカラー値（例： `#00B96B`）を入力してカスタマイズすることもできます。

### 表示と言語

| 設定項目               | 説明                                                                  |
| ------------------ | ------------------------------------------------------------------- |
| **言語**             | インターフェースの表示言語です。簡体字中国語、繁体字中国語、英語、日本語、ドイツ語、フランス語など、複数の言語に対応しています     |
| **拡大率**            | インターフェース全体の拡大率です。画面が大きい／小さい場合や文字が小さく感じる場合に調整できます                    |
| **右クリックメニューのスタイル** | Cherryのカスタム描画メニューとシステムの **ネイティブ** 右クリックメニューを切り替えます                  |
| **透明ウィンドウ**        | ウィンドウの半透明すりガラス効果を有効にします（**macOSのみ対応**；一部のGPUではパフォーマンスに影響する可能性があります） |

### フォント設定

* **グローバルフォント**：インターフェース全体のフォントです。デフォルトではシステムフォントを使用し、好みのフォントに変更できます。
* **コードフォント**：コードブロックで使用する等幅フォントです。

フォントのおすすめについては [フォントのおすすめ](/docs/jp/pre-basic/settings/display/font.md)。

### 入力設定

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-137c7481348cfc88e6d24724369941eee8723b70%2Fappearance-message.png?alt=media" alt=""><figcaption><p>フォント、入力、メッセージ表示の設定</p></figcaption></figure>

| 設定項目                        | 説明                                                      |
| --------------------------- | ------------------------------------------------------- |
| **送信ショートカットキー**             | メッセージ送信に使用するキーを設定します（例： `Enter`、`Shift+Enter` など）       |
| **スペルチェック**                 | 英語入力時にスペルミスの下へ赤い波線を表示します。主に中国語を使用する場合は、誤検出を避けるため無効にできます |
| **推定Token数を表示**             | 入力欄に、入力内容で消費されると推定されるToken数を表示します（参考値であり、実際の課金額ではありません） |
| **入力メッセージをMarkdownでレンダリング** | 無効にすると、送信したメッセージはMarkdownでレンダリングされず、モデルの返信のみがレンダリングされます |
| **メッセージ削除前に確認**             | メッセージを削除する際に確認ダイアログを表示し、誤削除を防ぎます                        |

### メッセージ設定

AIの返信を会話エリアでどのように表示するかを制御します：

| 設定項目                | 説明                                    |
| ------------------- | ------------------------------------- |
| **ワイドレイアウトモード**     | メッセージ内容をより広い領域いっぱいに表示します              |
| **セリフフォントを使用**      | 本文をセリフフォントに切り替え、長文をより快適に読めるようにします     |
| **思考内容を自動で折りたたむ**   | 推論対応モデルでは、思考完了後に思考プロセスを自動的に折りたたみます    |
| **メッセージのアウトラインを表示** | 長めの返信に、移動可能なアウトラインを生成します              |
| **メッセージスタイル**       | 次の **バブル** と **シンプル** 2種類のスタイルを切り替えます |
| **マルチモデル回答スタイル**    | 複数モデルを比較する際の配置です。例： **横並び**           |
| **会話ナビゲーションボタン**    | 長い会話内で素早く位置を特定する方法です。例： **会話アンカー**    |
| **メッセージのフォントサイズ**   | スライダーをドラッグして、会話エリアのフォントサイズを調整します      |

### 数式

* **有効化 `$...$`**：有効にすると、インライン数式（で使用される `$` で囲まれた内容）を認識し、数式としてレンダリングします。

### コードブロック設定

<figure><img src="https://3776196818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0Ut5BptC3t8CtSU1UWpM%2Fuploads%2Fgit-blob-0a69f5843c364c3b4d2ed29fdeb5dde21d36504f%2Fappearance-code.png?alt=media" alt=""><figcaption><p>数式とコードブロックの設定</p></figcaption></figure>

| 設定項目                   | 説明                                           |
| ---------------------- | -------------------------------------------- |
| **コードスタイル**            | コードハイライトのカラースキームです（デフォルトは `auto` で、テーマに従います） |
| **装飾付きコードブロック**        | より洗練されたコードブロックの外観                            |
| **コードエディター**           | 編集可能なコードエディタースタイルでコードを表示します                  |
| **コードの行番号を表示**         | コードブロックの左側に行番号を表示します                         |
| **コードブロックを折りたたみ可能にする** | 長いコードを自動的に折りたたみます                            |
| **コードブロックの折り返し**       | 1行が長すぎる場合に自動で折り返し、横スクロールを避けます                |

> 有効にすると **コードエディター** 、さらに **現在行のハイライト / 折りたたみコントロール / 自動補完 / ショートカットキー** の4つのサブスイッチが追加され、エディターの動作をさらに制御できます。

### コード実行

* **コード実行**：会話内でモデルが生成したコードスニペットを直接実行できるようにします。
* **プレビューツールを有効化**：mermaidなどのコードブロックからレンダリングされた図表を即座にプレビューできます。

{% hint style="warning" %}
コード実行では、モデルが生成したコードがあなたのコンピューター上で実行されます。関連する内容を理解し、信頼できる場合にのみ有効にしてください。
{% endhint %}

### カスタム CSS

パネル下部のエディターでカスタムCSSを直接記述し、インターフェースをより細かく個人向けに調整できます。記述方法と例については [カスタム CSS](/docs/jp/pre-basic/settings/display/custom-css.md)；デフォルトに戻す方法については [CSS設定をクリア](/docs/jp/pre-basic/settings/display/clear-css.md)。

***

### ヘルプの取得とフィードバックの送信

設定または使用中に不明点、バグ、機能改善の提案がある場合は、 [フィードバックと提案](/docs/jp/question-contact/suggestions.md) に記載の公式チャネルをご参照ください。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.cherryai.com.cn/docs/jp/pre-basic/settings/display.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
