Ajuda para mudar a cor dos botões

Suporte
1

Retomando este post:

Mais uma vez, algo mudou na última versão e a elegante solução CSS do Kris não funciona mais. Perdi uma hora vasculhando o CSS, mas não encontrei uma solução elegante. Alguém tem alguma ideia?

2

Não tenho conhecimento de nenhuma alteração recente que possa causar isso. No entanto, a boa notícia é que, se você atualizou há relativamente pouco tempo, deverá poder usar esse novo recurso:

Isso significa que você não precisará mais localizar todos os seletores onde a cor $primary-low é utilizada e sobrescrevê-los. Basta alterá-la em um único local: o arquivo about.json do seu tema, onde você define a paleta de cores.

Por exemplo, suponha que sua paleta se pareça com isto:

"Solarized Light": {
  "primary": "586E75",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

A única coisa que você precisará fazer para sobrescrever o $primary-low é defini-lo aqui, da seguinte forma:

"Solarized Light": {
  "primary": "586E75",
+ "primary-low": "FF0000",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

Assim, a nova cor será automaticamente utilizada em todos os lugares, em vez daquela que o Discourse gera para você.

Se o seu tema não for remoto — ou seja, se ele foi criado diretamente no seu site Discourse, em Administração > Personalizar —, você precisará exportá-lo, fazer a alteração acima e depois importá-lo novamente. Isso ocorre porque se trata de um recurso novo e ainda não está totalmente integrado à interface gráfica.

3

Isso funcionou perfeitamente, obrigado, Joe!