Um Theme Studio completo para reestilizar o app web em todos os perfis. Veja 2.4 para a versão explicada passo a passo; esta entrada é a lista de referência direta.

1. Temas prontos

Oito modelos prontos, usáveis como estão ou como ponto de partida para personalizar.

  • Classic (padrão) — marca azul-marinho, cantos médios, cartões planos.
  • Lagoon — verde-água calmo sobre neutros quentes.
  • Metro — bordas totalmente quadradas, inspirado no Windows 10.
  • Material — Google Material 3, roxo tonal, botões em formato de pílula.
  • Cupertino — o visual da Apple, azul iOS, fundos cinza agrupados.
  • Sakura — rosa flor de cerejeira sobre tons de papel suaves.
  • Editorial — estilo revista, tipografia serifada, papel creme, tinta bordô.
  • Midnight — modo escuro completo, estados de foco brilhantes.

2. Cores

  • Aparência — Clara ou Escura; Escura retinge todo cinza, branco e cor de status do app.
  • Cor da marca — usada em botões primários, links, estados ativos e anéis de foco.
  • Bordas — Sutil ou Forte.
  • Cinzas neutros — uma família de cinza selecionável que retinge todo texto, borda e fundo cinza.
  • Cores de status — Perigo, Sucesso, Aviso, Informação, além de Superfície e Texto.

3. Tipografia

  • Fonte do corpo e fonte dos títulos — tipos selecionáveis de forma independente.
  • Tamanho do texto — Menor / Pequeno / Padrão / Grande / Maior, em todo o app.

4. Forma e espaçamento

  • Raio de canto global — todo canto arredondado do app é proporcional a este único valor.
  • Espaçamento global — uma porcentagem que ajusta toda margem, preenchimento e espaço entre elementos.

5. Botões

  • Altura por tamanho (Extra pequeno / Pequeno / Médio / Grande), preenchimento horizontal e estilo de canto.
  • Preenchimento primário (Gradiente/Sólido) e sombra primária (Plana/Sutil/Elevada/Dura/Brilho).
  • Botões secundários coloridos opcionais, estilo secundário (Sólido/Suave/Contorno), peso do texto e letras maiúsculas.

6. Campos de formulário

  • Altura do campo, estilo de canto, e um botão de destaque ao focar (borda e brilho na cor da marca no campo ativo).

7. Tabelas

  • Estilo do cabeçalho (Cinza claro / Tom de marca / Marca sólida / Branco) e altura do cabeçalho.
  • Espaçamento de linhas e células, tamanho do texto, estilo de canto, linhas em listra, divisores de coluna e borda externa.

8. Cartões, diálogos e chips

  • Sombra do cartão e sombra do diálogo, de forma independente (Nenhuma/Sutil/Suave/Elevada/Flutuante/Dura/Brilho), além da espessura da borda do cartão.
  • Estilo de canto do diálogo, escurecimento do fundo, estilo de canto do chip (ex.: Pílula), e espessura do indicador de aba.

9. Efeitos

Uma aba separada e mais experimental; o próprio produto avisa que esses recursos "podem deixar o app mais lento e travar em alguns dispositivos", então use com moderação.

  • Cor de destaque (segunda cor para brilhos/neon) e cor do título (cor do texto ou cor de destaque).
  • Padrão de página — Nenhum / Grade / Synthwave / Aurora.
  • Opções: Texto brilhante, Contornos brilhantes, Botões neon, Títulos com "glitch", Cantos cortados, Linhas de varredura CRT.
  • Intensidade do brilho — Normal ou Máxima.

10. Layout

  • Barra lateral — Cor da marca / Escura / Clara / Cor personalizada, além da largura da barra lateral.
  • Barra superior — Acompanhar a lateral ou Branca (uma barra lateral clara sempre força uma barra superior branca).
  • Cor de fundo da página.

Nada fica visível para mais ninguém até você clicar em Salvar tema, momento em que é aplicado a todos os perfis do instituto de uma vez. Uma opção de Restaurar padrão está disponível no menu "…" ao lado de Salvar.