Ir para o conteúdo

As cores do site

As cores do site não se escolhem livremente, ecrã a ecrã: vêm todas de uma mesma paleta, definida de uma vez por todas. Esta página explica este princípio e as suas consequências. O pormenor do ecrã está em Cores.

Num minuto

  • A paleta tem dez cores, arrumadas em espaços numerados de 1 a 10. Configura-se em Definições > Cores.
  • Em todos os outros sítios (uma atividade, uma página, uma categoria de artigos), escolhe-se uma destas cores numa lista. Nunca se introduz um código de cor.
  • O site guarda o número do espaço escolhido, não a própria cor.

Daí a consequência principal: mudar uma cor da paleta muda-a em todo o lado ao mesmo tempo. Se o laranja do centro passar a um laranja mais suave, todas as atividades, as páginas e os blocos que o usam acompanham a mudança, sem ser preciso retomá-los um a um.

Quem pode modificar as cores

As cores formam a identidade gráfica do site: só os administradores as podem modificar. Os editores abrem o mesmo ecrã apenas em leitura, para copiarem as classes CSS das cores (ver abaixo).

Se achares que uma cor deve mudar, fala com o administrador do site.

Onde serve cada cor

Uma cor da paleta pode servir em quatro sítios.

As atividades. Cada atividade recebe uma cor. As suas sessões ganham essa cor no calendário público, nos blocos «Próximos eventos» e na página do evento. Um evento pode, excecionalmente, receber uma cor própria (ver abaixo).

As páginas e as categorias de artigos. Uma página pode receber a sua própria cor; caso contrário, fica com a cor por omissão do site. O mesmo vale para uma categoria de artigos.

As funções. Algumas partes do site têm uma cor atribuída, escolhida na paleta:

Função O que colore
Cor por omissão A cor dominante do site: cabeçalho, rodapé, menu, páginas sem cor própria.
Cor dos botões do calendário Os botões de navegação do calendário público.
Cor das barras de deslocamento As barras de deslocamento da página e das faixas que se deslocam.

Os submenus não têm cor própria: retomam a cor por omissão, um pouco mais clara. Ficam assim a condizer com o menu quando esta muda.

Os blocos das páginas Avada. Um bloco de uma página (uma secção, um texto, um título…) pode receber uma cor da paleta (ver abaixo).

Colorir um bloco de uma página

Nas páginas construídas com o Avada, colore-se um bloco acrescentando-lhe uma classe CSS: uma pequena palavra-chave, colada no campo CSS Class das definições do bloco. Cada cor da paleta tem duas classes, para copiar a partir do ecrã Cores:

  • background-color- seguido do nome da cor, para colorir o fundo do bloco (background-color-orange);
  • text-color- seguido do nome da cor, para colorir o seu texto (text-color-orange).

A classe text-white escreve o texto a branco, sobre um fundo colorido.

O procedimento e alguns exemplos estão em Botões Fundo e Texto.

O nome de uma cor conta

As classes são feitas a partir do nome da cor. Se orange passar a chamar-se amber, a classe background-color-orange deixa de existir, e os blocos que a usavam perdem a cor. Mudar o tom de um espaço, pelo contrário, não estraga nada. Ver Nome.

As exceções

Duas definições aceitam uma cor fora da paleta:

  • uma página: «Cor da página» > «Escolher outra cor»;
  • um evento: «Cor personalizada», quando se deve distinguir da sua atividade.

Estas cores não acompanham as mudanças da paleta. Reserva-as para as verdadeiras exceções.

Quando a mudança se vê

Assim que um administrador guarda uma modificação das cores, a cache do site é esvaziada: os visitantes veem as novas cores na visita seguinte. Se o teu próprio navegador ainda mostrar as antigas, recarrega a página com Ctrl + F5 (no Mac: Cmd + Shift + R).

Para saber mais