Como adicionar mais opções às paletas de cores?

Notei que algumas paletas têm mais opções para definir cores do que outras.
Por exemplo, a paleta Dracula tem muito mais opções do que outras paletas.

Vi esta postagem, mas não sei se é relevante:

Isso parece relacionado a Temas, mas as paletas não têm essa opção de editar o código e adicionar definições de Cores.

1 curtida

Sim, um tema pode substituir diretamente cores individuais — isso não é possível através da área administrativa da paleta de cores

2 curtidas

Obrigado por compartilhar.

Então, para alguém que ainda não está muito familiarizado com algumas das coisas, isso significa que preciso acessar meu servidor via SSH (se é que essa é a terminologia correta?) e encontrar aquele arquivo JSON, fazer essas alterações, e então elas seriam refletidas na interface do usuário?

Se sim, então podemos substituir as variáveis padrão, bem como adicionar novas, certo?

1 curtida

se você fizesse isso dessa forma, acho que provavelmente seria substituído pela próxima atualização do Discourse… então, geralmente, você quer deixar as paletas existentes em paz

Se você quiser criar uma nova paleta com todas as substituições de cores estendidas e torná-la selecionável pelos usuários, a maneira mais simples é criar um tema e fazer o upload dele.

Tudo o que você teria que fazer no próprio tema é editar o about.json para conter as definições de cores… há um exemplo aqui:

Depois que o tema for adicionado ao site, a paleta de cores incluída será adicionada a admin/customize/colors e você poderá torná-la selecionável pelo usuário.

Outra maneira de personalizar nossas cores é substituí-las diretamente com CSS, isso exigiria o uso de um certo tema em vez de uma paleta de cores específica… mas no arquivo comum do tema você pode fazer algo como:

:root {
  --primary-low: red;
  --secondary: #ff0000;
}

você pode ver todas as cores disponíveis para substituir abrindo o inspetor do navegador, clicando no elemento HTML no topo e rolando um pouco (agora temos muitas variáveis)

O benefício desse método é que você pode fazê-lo através do editor de temas na interface de administração.

3 curtidas

Há muito o que digerir aqui, mas definitivamente vou reservar um tempo para ler, analisar e testar.

Muito obrigado pela resposta detalhada. Salvei nas minhas anotações. :raising_hands: