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

# Tema claro e escuro 

> Guia sobre os temas visuais da plataforma Morada — como alternar entre eles, o que muda em cada modo e dicas para aproveitar melhor.

A plataforma Morada está disponível em dois temas visuais: o **tema claro** e o **tema escuro**. Você pode alternar entre eles a qualquer momento, de qualquer página, e a sua preferência fica salva e é lembrada nas próximas visitas.

## Como alternar entre os temas

A troca de tema é feita pelo menu do usuário, no canto superior direito da plataforma.

1. Clique na sua **foto de perfil ou nome**, no canto superior direito
2. No menu que aparece, procure pela opção de tema:
   * Se você está no tema claro, verá a opção <Icon icon="moon" /> **Tema escuro**
   * Se você está no tema escuro, verá a opção <Icon icon="sun-alt" /> **Tema claro**
3. Clique para alternar — a página recarrega automaticamente já no novo tema

## O que muda em cada tema

<Card title="Tema claro" color="#0073ff" icon="sun-bright">
  O tema claro é o tema padrão da plataforma. Ele oferece:

  * Fundo e menu lateral claros
  * Ideal para ambientes bem iluminados e uso durante o dia
</Card>

<Card title="Tema escuro" color="#0073ff" icon="moon">
  O tema escuro traz uma interface menos luminosa:

  * Fundo escuro que reduz o cansaço visual em ambientes com pouca luz
  * Recomendado para uso noturno e sessões prolongadas de atendimento
</Card>

<Info>
  Todas as funcionalidades da plataforma estão disponíveis em ambos os temas — a troca é apenas visual, sem perda de recursos ou mudança de comportamento.
</Info>

## Detalhes que valem a pena conhecer

### Sua preferência fica salva

Ao escolher um tema, a Morada salva essa preferência no seu navegador. Na próxima vez que você abrir a plataforma — no mesmo navegador e dispositivo — o tema escolhido será aplicado automaticamente, sem flash branco ou piscada na tela.

### Contraste e acessibilidade

O tema escuro foi calibrado para manter os padrões de contraste e legibilidade da plataforma. Cores de feedback (sucesso, erro, alerta) e elementos interativos continuam nítidos e identificáveis em ambos os modos.