Ativar o tema escuro
A troca fica em Configurações → Preferências, no bloco Tema. São três cartões, cada um com uma miniatura da interface: Claro, Escuro e Sistema. Sistema segue o tema do seu computador ou celular — se ele muda para o escuro, a plataforma muda junto, sem recarregar. A mudança vale na hora — não precisa recarregar a página nem salvar nada.
Onde o tema escuro vale
Na plataforma inteira. Não existe mais uma lista de telas convertidas: escolheu Escuro, toda tela da plataforma abre no escuro — Visão geral, Primeiros passos, Marketing, Mensagens, Contatos & Comercial, Atendimento, Produtos & Entregáveis, Vendas & Recuperação, Projetos, Integrações e Configurações, incluindo os editores de Páginas, Funis, Automações, Quizzes, Formulários, Webchat, Propostas, E-mail e o construtor de Webinários.
Em cada tela o escuro vale na tela inteira: filtros, busca, seletor de projeto, alternância entre lista e grade, paginação, tabelas, gráficos, cartões de métricas, o menu de ações de cada item (Editar, Duplicar, Deletar), a barra de Ações em Massa, os estados de lista vazia e as janelas que você abre a partir dela. Os campos de formulário (caixas de texto, áreas de descrição, seletores e campos com prefixo) aparecem com borda e fundo próprios, destacados do cartão onde estão. A mensagem de erro embaixo de um campo (como Campo obrigatório), o contador de caracteres e os campos desabilitados também ficam legíveis no escuro, o campo com erro ganha a mesma borda vermelha do tema claro, e o campo desabilitado mantém o contorno, inclusive dentro de cartões. Num campo desabilitado, o nome do campo, o asterisco de obrigatório, o texto de exemplo e o nome de caixas de seleção, opções e chaves ficam todos no mesmo cinza, nos dois temas, e o item escolhido numa seleção múltipla desabilitada continua com contorno. Num campo ativo, o asterisco de obrigatório aparece em vermelho e, no tema claro, a mensagem de erro usa um vermelho mais escuro, mais fácil de ler.
No quadro de Oportunidades, a oportunidade que acabou de ser criada fica destacada por cerca de 30 segundos para você achá-la na coluna: no tema claro o card ganha um tom azul claro e, no escuro, um violeta neon com brilho ao redor.
Ao abrir ou recarregar a plataforma no tema escuro, a tela de carregamento com o logo já aparece escura desde o primeiro instante, sem piscar em branco.
As telas guiadas de criar o primeiro produto, conectar uma plataforma de vendas e escolher um modelo de funil também abrem no escuro: o cartão, os títulos, os campos, os botões e a escolha entre Pagamento único e Assinatura ficam legíveis, sobre o mesmo fundo do resto da plataforma.
Em Produtos & Entregáveis, dentro de um produto, os cartões de Entregas e acessos, o aviso abaixo de cada oferta (como Oferta incompleta ou Sincronização pendente) e o card do Critério de Comissão na aba Afiliação também acompanham o tema escuro, com o texto legível.
Na aba Coprodução de um produto, a lista de coprodutores fica num tom escuro que acompanha o do cartão, com os nomes das colunas e o ícone de remover legíveis, e o Adicionar Coprodutor fica apagado enquanto não pode ser usado. Os selos de situação (Ativo, Aguardando cadastro, Aguardando ativação, Removido e Não cadastrado) e o aviso sobre quando o coprodutor fica ativo também acompanham o tema escuro.
Os campos de valor em dinheiro, como Valor da oferta e Valor da oferta com desconto no editor de oferta, o Valor do frete e o valor A partir de dos Tiers / aceleradores da comissão de um pipeline em Oportunidades, aparecem no tema escuro com fundo e borda próprios, como os demais campos. Com um valor inválido, o campo ganha borda vermelha nos dois temas, inclusive ao criar uma oferta.
O caminho no topo de cada tela (por exemplo Marketing / Webinar / Webinários) fica num cinza discreto, como no tema claro, para o título da página se destacar.
Nas telas com abas logo acima do conteúdo, como Webinários, Anúncios, Funis e as configurações de Páginas, a aba aberta ganha um filete verde no topo e se emenda ao conteúdo abaixo dela. O mesmo vale dentro de um webinário, nas abas Configurações, Automações, Estatísticas, Leads e Sessões.
Em Marketing, os campos das configurações de Páginas, de Redirecionamentos, das janelas de Funis e do construtor de Webinários seguem o mesmo visual dos demais campos da plataforma nos dois temas, e a mensagem de erro aparece logo abaixo do campo.
Na Área de membros, os campos e as chaves de liga e desliga das áreas, cursos, comunidades, calendários, banners e alunos seguem o mesmo visual dos demais campos da plataforma nos dois temas. As abas do editor da área, do curso, da comunidade e dos calendários, e as opções de capa (Padrão, Imagem e Vídeo), ganham o filete verde no topo e se emendam ao conteúdo abaixo delas.
Em Produtos & Entregáveis, os campos dos Detalhes do produto, das ofertas, dos Cupons, dos Checkouts customizados, das entregas, da Afiliação e da Coprodução também seguem esse visual nos dois temas. Nos Detalhes, a borda laranja de campo pendente (como Nome exibido na fatura e Telefone de suporte) aparece também no tema escuro, e o telefone de suporte usa o mesmo seletor de país dos outros campos de telefone.
Dentro de um produto, as seções (Dashboard, Detalhes, Ofertas e as demais) ficam numa faixa em pílula, cada uma com ícone, e a seção aberta fica numa pílula escura (clara no tema escuro). As seções que não cabem na largura da tela ficam em Mais; se a seção aberta estiver lá, o botão mostra o nome dela. Na Afiliação, as abas logo abaixo da faixa (Configurações, Meus Afiliados e as demais) ganham o filete verde no topo e se emendam ao conteúdo, como as abas Configurações e Entregas de uma oferta.
Em Contatos & Comercial, os campos de contatos, tags, empresas, listas, segmentos, atividades, agendamento e das configurações do pipeline seguem esse mesmo visual nos dois temas, e o telefone usa o mesmo seletor de país dos outros campos de telefone. Nas configurações de um tipo de evento e de um pipeline, o nome de cada opção continua à esquerda e a chave à direita; clicar no nome também liga e desliga a opção. No contato, na empresa, no time, em Analytics de Visitantes e no detalhe de uma transação, a aba aberta ganha o filete verde no topo e se emenda ao conteúdo abaixo dela.
No tema escuro, o fundo onde ficam formulários, tabelas e cartões de métricas é um tom rebaixado e levemente translúcido, que acompanha o painel em vez de parecer um buraco nele. Nas tabelas, o cabeçalho fica um tom acima das linhas, e cada linha clareia um pouco ao passar o mouse. Em Vendas & Recuperação, os cartões de métricas de Minhas Vendas têm o topo um tom acima do corpo, o cartão do gráfico inclusive, e os três ficam com a mesma altura.
Nas listagens de Criar (Funis, Páginas, Automações, Formulários, Quiz, WebChat e Webinário), os cartões ganham um fundo levemente mais claro que o da tela, o mesmo tom do conteúdo das abas, e os menus de filtro abrem com o mesmo fundo dos outros menus da plataforma. Veja o que cada cartão mostra.
No editor de Páginas, as barras laterais, o painel Adicionar Seção, o painel de configurações do elemento, o Guia de estilo, a galeria de imagens, o editor de código HTML, os painéis de checkout e pagamento e as janelas do editor acompanham o tema escuro, com a área em volta da página no mesmo tom escuro dos editores de funis e automações.
No editor de Propostas de slides, a barra do topo, a coluna de slides, o painel de Blocos e Propriedades e as janelas de Configurações, Compartilhar e Nova seção acompanham o tema escuro. No editor de Funis, o minimapa e a aba Catálogo também, e no editor de Formulários, as miniaturas da janela Adicionar elemento.
O que continua claro de propósito
Algumas áreas não mudam com o tema porque mostram o que outra pessoa vai ver — e essa pessoa não usa o seu tema:
- O e-mail renderizado, a prévia de conteúdo em Mensagens e a área de montagem dentro do editor visual de e-mail: o e-mail é aberto no programa de quem recebe, então ele precisa aparecer com as cores reais que você escolheu, inclusive o fundo da mensagem. A tela do celular do WhatsApp segue o seu tema: no escuro ela mostra o WhatsApp no modo escuro dele.
- A prévia do checkout, do banner e da capa de curso em Produtos & Entregáveis.
- A prévia ao vivo do quiz, do formulário e do widget de webchat nos editores.
- As miniaturas de página dentro do editor de funis.
- A página em edição no editor de Páginas e a prévia do Guia de estilo: mostram as cores, fontes e botões que você escolheu, como o visitante vai ver.
- O slide em edição e as miniaturas de slide no editor de Propostas: mostram a proposta como o cliente vai ver.
- A cor das anotações nos editores de funis e de automações: o post-it mantém a cor que você escolheu, com o texto escuro, porque a cor é sua e não do tema.
- O portal do aluno da área de membros, que tem tema próprio configurado por você.
- A prévia da sala do webinar dentro do editor: a sala tem tema próprio, escolhido por você na configuração do webinar, e é ele que o participante vai ver.
Antes de começar
- Papel: nenhum. O tema é uma preferência sua, não uma configuração do workspace — trocar o seu tema não muda o de mais ninguém da equipe.
Como trocar
- Abra Configurações e, em Meu usuário, clique em Preferências.
- No bloco Tema, clique no cartão Claro, Escuro ou Sistema. O cartão escolhido ganha uma borda e um selo de confirmação.
- A interface muda imediatamente.
A escolha fica salva no navegador
O tema é guardado no navegador que você está usando, e não na sua conta. Na prática:
- Em outro computador, em outro navegador ou no celular, você começa no tema claro até escolher de novo.
- Em uma janela anônima/privada, a plataforma sempre abre no tema claro.
- Se você limpar os dados de navegação do site, a preferência volta para o tema claro.
Isso vale por navegador, não por workspace: trocar de workspace ou de projeto mantém o tema que você escolheu.
Relacionados
Se não funcionou
- O tema voltou para claro sozinho. Provavelmente você entrou por outro navegador, por uma janela anônima, ou os dados do site foram limpos — veja A escolha fica salva no navegador.
- Meu computador está no modo escuro, mas a plataforma abre no claro. A plataforma só acompanha o computador com o cartão Sistema escolhido. Com Claro ou Escuro, vale a sua escolha, seja qual for o tema do computador.
- A prévia continua clara mesmo com o resto da tela escura. É proposital: a prévia mostra o que o cliente, o aluno ou o destinatário vai ver, e essa pessoa não usa o seu tema. Veja O que continua claro de propósito.
- A área de membros dos meus alunos não ficou escura. O portal do aluno tem tema próprio, configurado por você nas telas de estilo da área de membros — ele não segue o seu tema da plataforma.
- O editor de e-mail ficou escuro, mas a mensagem continua clara. É proposital: a moldura do editor segue o seu tema e a área de montagem mostra o e-mail como o destinatário vai recebê-lo.
- Uma tela específica abriu no claro. Não é mais o esperado — o escuro vale em toda a plataforma. Recarregue a página; se continuar, reporte pelo suporte.