Um tema define as cores da marca, as fontes, o arredondamento dos cantos e as sombras da sua comunidade, separadamente para o modo claro e o modo escuro. Use os temas para seguir o esquema de cores da sua marca e para escolher se os membros veem sua comunidade no modo claro ou escuro por padrão.
Quem pode fazer isso: proprietários e administradores. Os membros escolhem o próprio modo claro ou escuro. · Onde: web (console de administração). Os membros trocam de modo na web e no app Mateflow. · Plano: temas e cores não são limitados pelo plano. O CSS personalizado depende do seu plano da plataforma.
Abrir a página Temas
Acesse Admin → Aparência → Temas. Você também pode clicar em Gerenciar cores e fontes em Temas → na página Identidade visual.
- Tema Ativo mostra o tema que os membros veem agora. Ele tem o selo Ao vivo.
- Biblioteca de Temas lista seus outros temas. Pesquise ou ordene os temas, por exemplo por Atualizado Recentemente.
- Os botões no topo são App Theme, Settings e Add Theme.
Adicionar um novo tema a partir de uma predefinição
- Clique em Add Theme.
- Digite um Nome do Tema (até 50 caracteres).
- Escolha uma predefinição. Use Buscar predefinições... ou o filtro Categoria para encontrar uma. Um tema sempre começa a partir de uma predefinição.
- Para publicá-lo na hora, marque Publicar imediatamente.
- Clique em Criar Tema.
Para copiar um tema existente, abra o menu ⋯ dele, clique em Clonar, digite um Nome do Novo Tema e clique em Clonar Tema. A cópia mantém todas as cores claras e escuras, a tipografia, o espaçamento, as bordas e as sombras.
Editar as cores e as fontes de um tema
Clique em Personalizar no tema ativo, ou abra o menu ⋯ de outro tema e clique em Editar. O editor abre como Editar Tema: seguido do nome do tema.
- Em Modo de Cor, escolha Claro ou Escuro. Cada modo tem as próprias cores, então defina os dois.
- Na aba Cores, defina cores como Background, Primary, Accent, Card e Sidebar. Cada cor de texto mostra a taxa de contraste. Clique em Ajuste Inteligente para corrigir uma cor que não atinge o nível de contraste WCAG AA.
- Na aba Tipografia, escolha a Família de fonte e o Espaçamento entre letras.
- Na aba Outros, defina o Raio de Borda e a Sombra. O CSS personalizado também fica aqui, se o seu plano da plataforma incluir esse recurso.
- Confira a Pré-visualização ao Vivo. Alterne entre Feed, Publicação, Perfil e Interface, e entre Visualização Desktop e Visualização Mobile.
- Clique em Salvar.
Salvar o tema ativo muda o que os membros veem. Para testar mudanças com segurança, edite um tema da biblioteca e publique-o quando estiver pronto.
Publicar um tema
Clique em Publicar em um tema da Biblioteca de Temas. Ele passa a ser o Tema Ativo, e o anterior volta para a biblioteca. Só um tema fica ativo por vez.
Você pode excluir qualquer tema, exceto o que está ativo: abra o menu ⋯ dele, clique em Excluir e confirme. A exclusão não pode ser desfeita.
Restaurar uma versão anterior de um tema
O Mateflow salva um snapshot do tema toda vez que ele é editado, publicado ou revertido.
- Abra o menu ⋯ do tema e clique em Histórico.
- Em Histórico de Versões, encontre a versão que você quer e clique em Reverter.
- Confirme. Antes, o Mateflow salva o estado atual como um novo snapshot, então você pode desfazer a reversão.
Definir o modo claro ou escuro padrão
O modo padrão vale para todos que não escolheram o próprio modo.
- Na página Temas, clique em Settings.
- Em Aparência Padrão, escolha Claro, Escuro ou Sistema (Automático). Sistema (Automático) segue a configuração do dispositivo de cada pessoa.
- Clique em Salvar Configurações.
Como os membros alternam entre o modo claro e o escuro
Os membros podem substituir seu padrão a qualquer momento:
- Web: clique no avatar e depois em Aparência (ou acesse Configurações → Aparência). Em Tema, escolha Seguir a comunidade, Sistema, Claro ou Escuro. Seguir a comunidade mostra qual modo você definiu como padrão.
- App: abra Configurações e privacidade → Aparência. Em Tema, escolha Conforme a comunidade, Conforme o sistema, Claro ou Escuro.
Os membros não podem escolher outro tema. As cores do tema publicado valem para todos, no modo que cada um escolher.
Dar cores próprias ao app Mateflow
Por padrão, o app Mateflow usa as cores do tema ativo da web. Para mudá-las só no app:
- Clique em App Theme na página Temas.
- Escolha Claro ou Escuro e defina as cores que quer mudar. As cores que você deixar vazias usam os padrões do app. Derive from web preenche um rascunho inicial a partir do seu tema da web.
- Clique em Salvar.
A personalização do app é salva junto com o tema ativo, e o app mantém as próprias fontes. Para o app voltar a seguir o tema da web, clique em Clear override e confirme.
Artigos relacionados
Este guia foi útil?