> ## 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.

# App Styles

> 將你文件的樣式延伸至應用程式介面，打造更沉浸且一致的編輯體驗。

App Styles 將你文件的顏色帶入周圍的應用程式介面，創造更統一且沉浸的編輯體驗。啟用後，sidebar、工具列與其他介面元素會反映文件的主題顏色。

## 什麼是 App Styles？

App Styles 會將你文件的**文字與背景顏色**套用到 Craft 的部分介面，讓內容與編輯環境在視覺上更一致。

### 範例對照

**已停用 App Styles：**

<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" />

**已啟用 App Styles：**

<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">
    App Styles 在 macOS 上完整支援：

    * **可用於**: 編輯器檢視僅此支援（Home 與 Browse 使用系統預設）
    * **套用至**: sidebar、工具列，與其他介面元素
    * **使用**: 文件的文字與背景顏色
    * **字型**: 為了可讀性與效能，維持系統字型
  </Tab>

  <Tab title="iPad">
    App Styles 在 iPad 上完整支援：

    * **可用於**: 編輯器檢視僅此支援（Home 與 Browse 使用系統預設）
    * **套用至**: sidebar、工具列，與其他介面元素
    * **使用**: 文件的文字與背景顏色
    * **字型**: 為了可讀性與效能，維持系統字型
  </Tab>

  <Tab title="iPhone">
    App Styles 目前尚未在 iPhone 提供。此功能計畫在未來更新中推出。
  </Tab>
</Tabs>

## 啟用或停用 App Styles

<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" />

## 為什麼要使用 App Styles？

App Styles 提供多項好處：

* **沉浸式體驗** - 建立一致的視覺環境
* **調性一致** - 讓介面與內容的氛圍相符
* **減少干擾** - 降低內容與介面之間的視覺斷裂
* **個人化** - 讓 Craft 更像你的專屬工作空間

## 限制

<Info title="App Styles 不會變更的項目">
  * **字型** - 介面仍會使用系統字型以保持可讀性
  * **其他檢視** - Home、Browse 與其他區段使用預設介面
  * **平台** - 目前在 iPhone 上尚不可用
</Info>

## 相關文章

<CardGroup cols={2}>
  <Card title="樣式快速指南" href="/zh-Hant/write-and-edit/styling/quick-guide">
    涵蓋所有樣式功能的完整指南
  </Card>

  <Card title="預設樣式" href="/zh-Hant/write-and-edit/styling/default-styles">
    設定你偏好的樣式為預設
  </Card>

  <Card title="封面圖片" href="/zh-Hant/write-and-edit/styling/cover-images">
    為你的文件自訂封面圖片
  </Card>
</CardGroup>