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

# Idioma y tema

> Cambiá el idioma y la apariencia de la app desde Ajustes.

export const PageHeader = ({current, href, roles = []}) => {
  const renderLanguage = (code, label) => code === current ? <span aria-current="true" className="font-semibold text-gray-900 dark:text-gray-200">
        {code.toUpperCase()}
      </span> : <a href={href} hrefLang={code} lang={code} aria-label={`${code.toUpperCase()}: ${label}`} className="underline">
        {code.toUpperCase()}
      </a>;
  return <div className="not-prose flex items-center justify-between gap-3">
      <div className="flex flex-wrap items-center gap-2">
        {roles.map(role => <Badge key={role} color="green" shape="pill" icon="shield-check">
            {role}
          </Badge>)}
      </div>
      <nav aria-label="Idioma / Language" className="flex gap-2 text-sm text-gray-500 dark:text-gray-400">
        {renderLanguage('es', 'Leer esta página en español')}
        <span aria-hidden="true">/</span>
        {renderLanguage('en', 'Read this page in English')}
      </nav>
    </div>;
};

<PageHeader current="es" href="/en/settings-and-alerts/language-and-theme" />

Elegí cómo se ve la app y en qué idioma aparece. Cada cambio se aplica en el momento, sin reiniciar la app.

## Cómo hacerlo

1. Desde **Mi perfil**, tocá el ícono de ajustes para abrir **Ajustes**.
2. En **Tema**, elegí **Claro**, **Oscuro** o **Sistema**.
3. En **Idioma**, elegí **Español** o **English**.

## Para tener en cuenta

* Sistema usa la apariencia que tenga tu teléfono o navegador.
* El idioma elegido también se usa para las notificaciones nuevas. Las que ya recibiste conservan el idioma en que llegaron.
* El idioma que elegís en la app queda como tu preferencia aunque después cambie el idioma de tu cuenta de Google o Apple.

## Si algo no sale

Si no se puede guardar el idioma, el selector vuelve al último idioma guardado y la app muestra un aviso junto al control. Tocá **Reintentar** para guardar de nuevo.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.