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

Você tem controle total sobre esse recurso:

<Tabs>
  <Tab title="Mac">
    Clique no **nome do Space** no topo da barra lateral para abrir as **Configurações**.

    <Frame>
      <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/mac-space-name.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=b2a80ae0eb9e67d830298c30f3046f02" alt="Clique no nome do Space na barra lateral" width="1473" height="905" data-path="images/snippets/open-settings/en/content/mac-space-name.png" />
    </Frame>
  </Tab>

  <Tab title="Web / Windows">
    <Steps>
      <Step title="Abrir o menu suspenso do Space">
        Clique no **nome do Space** no canto superior esquerdo.
      </Step>

      <Step title="Selecionar Configurações">
        Clique em **Configurações** no final do menu suspenso.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/web-space-dropdown.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=8fe2f1b7ca147ccd7de2d4851d2857e1" alt="Menu suspenso do Space com a opção Configurações" width="1426" height="967" data-path="images/snippets/open-settings/en/content/web-space-dropdown.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="iOS">
    <Steps>
      <Step title="Tocar no ícone do Space">
        Toque no **ícone do Space** no canto superior esquerdo.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/ios-space-icon.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=82ed814971491d12743fb924294f595a" alt="Ícone do Space no canto superior esquerdo" width="731" height="1568" data-path="images/snippets/open-settings/en/content/ios-space-icon.png" />
        </Frame>
      </Step>

      <Step title="Abrir Configurações">
        Toque em **Configurações**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Android">
    <Steps>
      <Step title="Tocar na foto de perfil">
        Toque na sua **foto de perfil** no canto superior direito.
      </Step>

      <Step title="Abrir Configurações">
        Toque em **Configurações**.

        <Frame>
          <img src="https://mintcdn.com/craft-support/uCmTok0gNp17u6Tw/images/snippets/open-settings/en/content/android-profile-menu.png?fit=max&auto=format&n=uCmTok0gNp17u6Tw&q=85&s=04626672ba7545613f9b039a5d363698" alt="Menu de perfil com a opção Configurações" width="703" height="1567" data-path="images/snippets/open-settings/en/content/android-profile-menu.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Steps>
  <Step>
    Navegue até **Aparência e Som**
  </Step>

  <Step>
    Ative ou desative **"Usar estilo do documento no app"**
  </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="Alternador Estilos do App em Configurações" width="1112" height="812" 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>