docs.grano.app
Visite nosso siteInstagramLinkedIn
  • 👋Bem-vindo à Grano
  • Visão Geral
    • 🎯Microlearning
    • 💰Planos e Assinaturas
    • 📱Web app
    • 📞Canais de atendimento
    • ❓Dúvidas Frequentes
  • Conceitos Básicos
    • 🤝Usuários e Conteúdos
    • 📶Progresso
    • 🔓Cadeados
    • 🎮Pontuação
    • 🔍Busca
  • Conteúdo
    • 👩‍💻LMS
      • 💻Acessando o LMS
      • 🏠Home
      • 📊Dashboard
      • 📂Relatórios
      • 👤Usuários
      • 📧Fale Conosco
      • ⚒️Ferramentas
      • 🪄Setup do cliente
        • ⚙️Parâmetros Gerais
        • 🖌️Temas
        • ✉️E-mails do Sistema
        • ⁉️FAQs
        • 📑LGPD - Textos
        • 🚩Inscrição vs. Tags
        • 💻Landing Page
        • 👥Usuários Administrativos
    • 📒Estrutura e Conteúdos
      • 🔠Treinamentos
      • 🗂️Módulos
      • 📱Cards
        • 🌅Imagem
        • ✅Default
        • ➡️Share
        • 📲Embed
        • 🎥Vídeo
        • 📽️Vídeo - Com faixas
        • ⁉️Pergunta/Resposta (Quiz)
        • ✍️Pergunta com Resposta em Texto
        • ❔Quiz com imagens
        • 🎙️Podcast
        • 🎼Lista de sons
        • 🎵Som - Efeitos
        • 🖼️Lista de imagens
      • 🚩Trilhas
      • 🏠Categorias > Pré-Home
      • 🏷️Tags
      • 🏅Badges e Certificados
      • 📥Downloads
    • ✍️Produção de Conteúdo
      • 💊Divisão do conteúdo na plataforma
      • ℹ️Dicas de microlearning
  • VERSÕES
    • 🔵Versão 3.0
    • 🟧Versão 2.9
    • ⬛Versão 2.8
    • ⬜Versão 2.7
    • 🟩Versão 2.6
    • 🟫Versão 2.5
    • 🟪Versão 2.4
    • 🟨Versão 2.3
    • 🟥Versão 2.2
    • 🟦Versão 2.1
    • 🟧Versão 2.0
Powered by GitBook
On this page
  • Primary:
  • Secondary:
  • Tertiary:
  • Error:
  • Warning:
  • Gray:
  • Dark gray:
  • Light gray:
  • Veja a seguir, alguns exemplos de onde as cores são utilizadas:
  1. Conteúdo
  2. LMS
  3. Setup do cliente

Temas

Aqui você pode visualizar e editar as cores utilizadas por sua empresa na plataforma.

PreviousParâmetros GeraisNextE-mails do Sistema

Last updated 3 months ago

Para editar, acesse e clique no lápis de edição.

Você verá a lista de todas as cores que são utilizadas:

Primary:

Cor principal do cliente. Utilizada em botões, títulos, textos e cores de fundo.

Secondary:

Cor secundária do Cliente. Utilizado em botões, títulos, textos e cores de fundo.

Tertiary:

Cor terciária do Cliente. Utilizado muito pouco, em alguns textos.

Error:

Cor utilizada em alertas, avisos, e na resposta errada de cards do tipo pergunta/resposta.

Warning:

Cor utilizada em alertas, avisos, e na resposta certa de cards do tipo pergunta/resposta.

Gray:

Cor de fundo da aplicação e utilizada em alguns textos. Ex.: Home

Dark gray:

Cor utilizada em textos. Ex.: FAQ

Light gray:

Cor utilizada na barra de progresso e no card de treinamento/módulo.

Para editar qualquer cor é só clicar em cima do retângulo e selecionar a cor desejada ou digitar o código. Caso queira colocar o código em HSL ou HEX, basta clicar em cima do RGB.

Veja a seguir, alguns exemplos de onde as cores são utilizadas:

Caso queira realizar alguma alteração e tenha dificuldade, solicite ajuda ao Time Grano através do e-mail hello@grano.app


© 2025 Grano Edtech LTDA. Todos os direitos reservados.

👩‍💻
🪄
🖌️
https://manager.grano.app/admin/theme_colors