Docs do ChanTan StudioComo ativar o modo escuro no ChanTan Studio
Alterne o ChanTan Studio entre Claro, Escuro e Sistema em dois toques — e aprenda a pedir à IA um botão de modo escuro para o site que você constrói.
ChanTan Studio vem em Claro e Escuro. É uma preferência pessoal e fica salva na sua conta, então te acompanha em qualquer dispositivo em que você entrar.
1. Troque na hora pelo cabeçalho
Procure o ícone de lua / sol no cabeçalho, no topo da tela, e aperte.
O Studio inteiro muda na hora. Nada mais se altera. Se era só isso que você queria, já está pronto — o passo 2 é para escolher "Sistema" em vez de um visual fixo.
2. Abra "Aparência e idioma" nas Configurações
Abra as Configurações, depois a seção "Conta", e encontre "Aparência e idioma".
3. Escolha Claro, Escuro ou Sistema
Em "Tema" você tem três opções:
| Opção | O que ela faz |
|---|---|
| "Claro" | Sempre o visual claro |
| "Escuro" | Sempre o visual escuro |
| "Sistema" | Segue o que o seu computador ou celular está usando — escuro à noite, se o seu dispositivo faz isso |
✅ Pronto! O Studio agora está no visual que você escolheu, e continua assim toda vez que você entrar — no notebook, no celular, em qualquer lugar.
O que isso não muda
Sua escolha de tema afeta só o Studio em que você trabalha. Ela não mexe em:
- Os apps e sites que você constrói
- O que os seus visitantes veem
- O idioma da interface — isso é um seletor separado, logo ao lado
⚠️ O app que você construiu não segue o modo escuro do seu celular. Os apps são construídos com um único visual, de propósito — o design que você pediu. Se quiser claro e escuro dentro do seu próprio site, você precisa pedir (próxima seção).
Adicionando modo escuro ao site que você constrói
Isso não é uma configuração. Você simplesmente pede à IA no chat do projeto:
"Adicione um botão de modo escuro ao meu site."
A IA constrói uma chave de verdade no seu site, que os seus visitantes podem usar. Você pode detalhar o quanto quiser — "faça a versão escura usar azul-marinho em vez de preto" também funciona.
Como toda outra mudança, ela é salva como uma versão, então Desfazer coloca tudo de volta se você não gostar.
Já que você está em "Aparência e idioma"
A mesma seção tem "Idioma do app" — English · العربية · Français · Español · ไทย · Português. A nota abaixo dele importa: "Muda a interface do app — não os sites que você constrói."
O árabe é exibido da esquerda para a direita de propósito — só as palavras são traduzidas, o layout nunca espelha, então nada sai do lugar onde você espera.
Se algo parecer errado
| O que você vê | O que fazer |
|---|---|
| O tema não mudou | Recarregue a página uma vez e aperte o ícone de novo |
| Uma parte da tela continua clara no Escuro | Recarregue a página. Se continuar, anote o nome da tela e escreva para [email protected] |
| "Sistema" não está seguindo meu dispositivo | Confira primeiro a configuração de modo escuro do seu próprio computador ou celular — "Sistema" só copia o que está lá |
| Meu site está diferente do Studio | É o esperado — seu site tem o próprio design e ignora o seu tema |
Limites, com honestidade
- Hoje não há controle de tamanho de fonte nem de escala para acessibilidade no Studio — use o zoom do próprio navegador.
- Claro e Escuro são os únicos dois visuais. Não há temas de cores nem cores personalizadas para o Studio.
- O design do seu site é definido pelo que você pediu à IA. Para mudar, descreva no chat o visual que você quer.