> ## 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 de la app

> Extiende el estilo de tu Documento a la interfaz de la app para una experiencia de edición más inmersiva y coherente.

Estilos de la app lleva los colores de tu Documento a la interfaz de la app, creando una experiencia de edición más unificada e inmersiva. Cuando está activado, el sidebar, la toolbar y otros elementos de la UI reflejan el tema de tu Documento.

## ¿Qué son los Estilos de la app?

Los Estilos de la app aplican los **colores de texto y de fondo** de tu Documento a partes de la interfaz de Craft. Esto crea consistencia visual entre tu contenido y el entorno de edición.

### Comparación de ejemplo

**Estilos de la app desactivados:**

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

**Estilos de la app activados:**

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

## Disponibilidad por plataforma

<Tabs>
  <Tab title="macOS">
    Los Estilos de la app son totalmente compatibles en macOS:

    * **Disponibilidad** – Vista del editor solamente (Home y Browse usan el predeterminado del sistema)
    * **Se aplica a** – sidebar, toolbar y UI chrome
    * **Usa** – colores de texto y de fondo del Documento
    * **Fuentes** – se mantienen las fuentes del sistema para legibilidad y rendimiento
  </Tab>

  <Tab title="iPad">
    Los Estilos de la app son totalmente compatibles en iPad:

    * **Disponibilidad** – Vista del editor solamente (Home y Browse usan el predeterminado del sistema)
    * **Se aplica a** – sidebar, toolbar y UI chrome
    * **Usa** – colores de texto y de fondo del Documento
    * **Fuentes** – se mantienen las fuentes del sistema para legibilidad y rendimiento
  </Tab>

  <Tab title="iPhone">
    Los Estilos de la app aún no están disponibles en iPhone. Esta función está planeada para una actualización futura.
  </Tab>
</Tabs>

## Activar o desactivar Estilos de la app

Tienes control total sobre esta función:

<Tabs>
  <Tab title="Mac">
    Haz clic en el **nombre del Space** en la parte superior de la barra lateral para abrir **Ajustes**.

    <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="Haz clic en el nombre del Space en la 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 el menú desplegable del Space">
        Haz clic en el **nombre del Space** en la esquina superior izquierda.
      </Step>

      <Step title="Seleccionar Ajustes">
        Haz clic en **Ajustes** en la parte inferior del menú desplegable.

        <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="Menú desplegable del Space con la opción Ajustes" 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="Pulsar el icono del Space">
        Pulsa el **icono del Space** en la esquina superior izquierda.

        <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="Icono del Space en la esquina superior izquierda" width="731" height="1568" data-path="images/snippets/open-settings/en/content/ios-space-icon.png" />
        </Frame>
      </Step>

      <Step title="Abrir Ajustes">
        Pulsa **Ajustes**.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Android">
    <Steps>
      <Step title="Pulsar la foto de perfil">
        Pulsa tu **foto de perfil** en la esquina superior derecha.
      </Step>

      <Step title="Abrir Ajustes">
        Pulsa **Ajustes**.

        <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="Menú de perfil con la opción Ajustes" width="703" height="1567" data-path="images/snippets/open-settings/en/content/android-profile-menu.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Steps>
  <Step>
    Navega a **Apariencia y sonido**
  </Step>

  <Step>
    Alterna **"Use document style for the app"** para encender o apagar
  </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" />

## ¿Por qué usar Estilos de la app?

Los Estilos de la app ofrecen varios beneficios:

* **Experiencia inmersiva** – Crea un entorno visual coherente
* **Ajuste de ambiente** – Alinea la interfaz con el tono de tu contenido
* **Menos distracciones** – Minimiza las rupturas visuales entre el contenido y la interfaz
* **Personalización** – Haz que Craft se sienta más tuyo

## Limitaciones

<Info title="Qué no cambian los Estilos de la app">
  * **Fuentes** – la UI sigue usando las fuentes del sistema para legibilidad
  * **Otras vistas** – Home, Browse y otras secciones usan la UI predeterminada
  * **Plataforma** – Actualmente no disponible en iPhone
</Info>

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Guía rápida de estilos" href="/es/write-and-edit/styling/quick-guide">
    Guía completa de todas las funciones de estilo
  </Card>

  <Card title="Estilos predeterminados" href="/es/write-and-edit/styling/default-styles">
    Establece tu estilo preferido como predeterminado
  </Card>

  <Card title="Imágenes de portada" href="/es/write-and-edit/styling/cover-images">
    Personaliza las imágenes de portada de tus Documentos
  </Card>
</CardGroup>