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

# App Styles

> Extend your document's styling to the app interface for a more immersive and cohesive experience.

App Styles brings your document's colors into the surrounding app interface, creating a more unified and immersive editing experience. When enabled, the sidebar, toolbar, and other UI elements reflect your document's theme.

## What Is App Style?

App Style applies your document's **text and background colors** to parts of the Craft interface. This creates visual consistency between your content and the editing environment.

### Example Comparison

**App Style disabled:**

<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 Style enabled:**

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

## Platform Availability

<Tabs>
  <Tab title="macOS">
    App Styles are fully supported on Mac:

    * **Available in**: Editor view only (Home and Browse use system default)
    * **Applies to**: Sidebar, toolbar, and UI chrome
    * **Uses**: Document text and background colors
    * **Fonts**: System fonts are maintained for readability and performance
  </Tab>

  <Tab title="iPad">
    App Styles are fully supported on iPad:

    * **Available in**: Editor view only (Home and Browse use system default)
    * **Applies to**: Sidebar, toolbar, and UI chrome
    * **Uses**: Document text and background colors
    * **Fonts**: System fonts are maintained for readability and performance
  </Tab>

  <Tab title="iPhone">
    App Styles are not yet available on iPhone. This feature is planned for a future update.
  </Tab>
</Tabs>

## Enabling or Disabling App Styles

You have full control over this feature:

<Tabs>
  <Tab title="Mac">
    Click the **Space name** at the top of the sidebar to open Settings.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/craft-support/images/snippets/open-settings/en/content/mac-space-name.png" alt="Click the Space name in the sidebar" />
    </Frame>
  </Tab>

  <Tab title="Web / Windows">
    <Steps>
      <Step title="Open the Space dropdown">
        Click the **Space name** in the top-left corner.
      </Step>

      <Step title="Select Settings">
        Click **Settings** at the bottom of the dropdown.

        <Frame>
          <img src="https://mintlify.s3.us-west-1.amazonaws.com/craft-support/images/snippets/open-settings/en/content/web-space-dropdown.png" alt="Space dropdown with Settings option" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step title="Tap the Space icon">
        Tap the **Space icon** in the top-left corner.

        <Frame>
          <img src="https://mintlify.s3.us-west-1.amazonaws.com/craft-support/images/snippets/open-settings/en/content/ios-space-icon.png" alt="Space icon in the top-left corner" />
        </Frame>
      </Step>

      <Step title="Open Settings">
        Tap **Settings**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Android">
    <Steps>
      <Step title="Tap your profile picture">
        Tap your **profile picture** in the top-right corner.
      </Step>

      <Step title="Open Settings">
        Tap **Settings**.

        <Frame>
          <img src="https://mintlify.s3.us-west-1.amazonaws.com/craft-support/images/snippets/open-settings/en/content/android-profile-menu.png" alt="Profile menu with Settings option" />
        </Frame>
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Steps>
  <Step>
    Navigate to **Appearance and Sound**
  </Step>

  <Step>
    Toggle **"Use document style for the app"** on or off
  </Step>
</Steps>

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

## Why Use App Styles?

App Styles offers several benefits:

* **Immersive experience** – Create a cohesive visual environment
* **Mood matching** – Align the interface with your content's tone
* **Reduced distraction** – Minimize visual breaks between content and interface
* **Personalization** – Make Craft feel more like your own workspace

## Limitations

<Info title="What App Styles Don't Change">
  * **Fonts** – The UI continues to use system fonts for readability
  * **Other views** – Home, Browse, and other sections use the default UI
  * **Platform** – Currently not available on iPhone
</Info>

## Related Articles

<CardGroup cols={2}>
  <Card title="Styles Quick Guide" href="/en/write-and-edit/styling/quick-guide">
    Comprehensive guide to all styling features
  </Card>

  <Card title="Default Styles" href="/en/write-and-edit/styling/default-styles">
    Set your preferred style as the default
  </Card>

  <Card title="Cover Images" href="/en/write-and-edit/styling/cover-images">
    Customize cover images for your documents
  </Card>
</CardGroup>