> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# アプリスタイル

> ドキュメントのスタイルをアプリのインターフェイスに反映させ、より没入感があり一貫した編集体験を実現します。

アプリスタイルでは、ドキュメントの色を周囲のアプリインターフェイスに反映させることで、より統一された没入感のある編集体験を作ります。有効にすると、sidebar、toolbar、その他の UI 要素がドキュメントのテーマを反映します。

## アプリスタイルとは

アプリスタイルは、ドキュメントの**テキストと背景色**をCraftのインターフェイスの一部に適用します。これにより、コンテンツと編集環境の視覚的一貫性が生まれます。

### 比較例

**アプリスタイル無効時:**

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/app-styles/en/content/app-style-disabled.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=d0045f0dfada83655f5ca289dfe063c5" alt="App with default interface colors" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-disabled.png" />

**アプリスタイル有効時:**

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/app-styles/en/content/app-style-enabled.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=c6cee8bf6aaddfa0ba743cee10ccb138" alt="App with document colors applied to interface" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-enabled.png" />

## 対応プラットフォーム

<Tabs>
  <Tab title="macOS">
    macOS ではアプリスタイルが完全にサポートされています：

    * **Available in**: Editor view only (Home and Browse use system default)
    * **Applies to**: sidebar, toolbar, and UI chrome
    * **Uses**: ドキュメントのテキストと背景色
    * **Fonts**: 可読性とパフォーマンスのため、システムフォントが維持されます
  </Tab>

  <Tab title="iPad">
    iPad ではアプリスタイルが完全にサポートされています：

    * **Available in**: Editor view only (Home and Browse use system default)
    * **Applies to**: sidebar, toolbar, and UI chrome
    * **Uses**: ドキュメントのテキストと背景色
    * **Fonts**: 可読性とパフォーマンスのため、システムフォントが維持されます
  </Tab>

  <Tab title="iPhone">
    iPhone ではまだアプリスタイルは利用できません。将来のアップデートでの提供を予定しています。
  </Tab>
</Tabs>

## アプリスタイルの有効化／無効化

この機能はいつでも切り替えられます：

<Steps>
  <Step title="設定を開く">
    **設定** > **外観とサウンド**を開く
  </Step>

  <Step title="「Use document style for the app」を切り替える">
    **Additional Options**の下にある\*\*「Use document style for the app」\*\*をオンまたはオフに切り替える
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/7XT5Lt06NgKSFXzt/images/write-and-edit/styling/app-styles/en/content/app-style-settings.png?fit=max&auto=format&n=7XT5Lt06NgKSFXzt&q=85&s=24c86e00c65a23e72ed89e4ba3b9e948" alt="App Style toggle in settings" width="1228" height="910" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-settings.png" />

## アプリスタイルを使う理由

アプリスタイルには次のような利点があります：

* **没入感の向上** - 視覚的に統一された環境を作ります
* **ムードの一致** - インターフェイスをコンテンツのトーンに合わせます
* **注意の分散を減らす** - コンテンツとインターフェイス間の視覚的な断絶を最小化します
* **パーソナライズ** - Craft を自分専用の作業空間のように感じられるようにします

## 制限事項

<Info title="アプリスタイルで変更されない点">
  * **フォント** - UI は可読性のため引き続きシステムフォントを使用します
  * **その他のビュー** - Home、Browse、その他のセクションはデフォルトの UI を使用します
  * **プラットフォーム** - 現時点では iPhone では利用できません
</Info>

## 関連記事

<CardGroup cols={2}>
  <Card title="スタイルのクイックガイド" href="/ja/write-and-edit/styling/quick-guide">
    すべてのスタイリング機能を網羅したガイド
  </Card>

  <Card title="デフォルトスタイル" href="/ja/write-and-edit/styling/default-styles">
    好みのスタイルをデフォルトに設定する方法
  </Card>

  <Card title="カバー画像" href="/ja/write-and-edit/styling/cover-images">
    ドキュメントのカバー画像をカスタマイズする
  </Card>
</CardGroup>