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

# Estilos do App

> Estenda o estilo do seu Documento para a interface do app, criando uma experiência de edição mais imersiva e coesa.

Estilos do App traz as cores do seu Documento para a interface ao redor do app, criando uma experiência de edição mais unificada e imersiva. Quando ativado, o sidebar, a barra de ferramentas e outros elementos da interface refletem o tema do seu Documento.

## O que são os Estilos do app?

Os Estilos do app aplicam as **cores de texto e de fundo** do seu Documento a partes da interface do Craft. Isso cria consistência visual entre seu conteúdo e o ambiente de edição.

### Comparação de exemplo

**Estilos do app desativado:**

<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 com cores padrão da interface" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-disabled.png" />

**Estilos do app ativado:**

<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 com cores do documento aplicadas à interface" width="1471" height="942" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-enabled.png" />

## Disponibilidade por plataforma

<Tabs>
  <Tab title="macOS">
    Os Estilos do App são totalmente suportados no Mac:

    * **Disponível em**: visualização do editor apenas (Home e Browse usam o padrão do sistema)
    * **Aplica-se a**: sidebar, barra de ferramentas e elementos da interface
    * **Usa**: cores de texto e de fundo do Documento
    * **Fontes**: as fontes do sistema são mantidas para legibilidade e desempenho
  </Tab>

  <Tab title="iPad">
    Os Estilos do App são totalmente suportados no iPad:

    * **Disponível em**: visualização do editor apenas (Home e Browse usam o padrão do sistema)
    * **Aplica-se a**: sidebar, barra de ferramentas e elementos da interface
    * **Usa**: cores de texto e de fundo do Documento
    * **Fontes**: as fontes do sistema são mantidas para legibilidade e desempenho
  </Tab>

  <Tab title="iPhone">
    Os Estilos do App ainda não estão disponíveis no iPhone. Esse recurso está planejado para uma atualização futura.
  </Tab>
</Tabs>

## Ativar ou desativar os Estilos do app

<Steps>
  <Step title="Abrir Configurações">
    Abra **Configurações** > **Aparência e Som**
  </Step>

  <Step title="Ativar ou desativar Use document style for the app">
    Em **Additional Options**, ative ou desative **"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="Alternador Estilos do App em Configurações" width="1228" height="910" data-path="images/write-and-edit/styling/app-styles/en/content/app-style-settings.png" />

## Por que usar os Estilos do app?

Os Estilos do app oferecem vários benefícios:

* **Experiência imersiva** - Cria um ambiente visual coeso
* **Combinação de clima** - Alinha a interface ao tom do seu conteúdo
* **Menos distrações** - Minimiza quebras visuais entre conteúdo e interface
* **Personalização** - Faça o Craft parecer mais com o seu espaço de trabalho

## Limitações

<Info title="O que os Estilos do app não alteram">
  * **Fontes** - a interface continua usando as fontes do sistema para legibilidade
  * **Outras visualizações** - Home, Browse e outras seções usam a interface padrão
  * **Plataforma** - atualmente não disponível no iPhone
</Info>

## Artigos relacionados

<CardGroup cols={2}>
  <Card title="Guia rápido de Estilos" href="/pt-BR/write-and-edit/styling/quick-guide">
    Guia completo de todos os recursos de estilo
  </Card>

  <Card title="Estilos padrão" href="/pt-BR/write-and-edit/styling/default-styles">
    Defina seu estilo preferido como padrão
  </Card>

  <Card title="Imagens de capa" href="/pt-BR/write-and-edit/styling/cover-images">
    Personalize imagens de capa para os seus Documentos
  </Card>
</CardGroup>