O Discourse agora suporta a importação de esquemas de cores de repositórios remotos. Aqui vou demonstrar como você pode fazer isso.
Navegue até as cores e adicione um esquema de cores.
Acesse /admin/customize/colors no seu site e crie um esquema de cores.
Dicas:
-
Usei um plugin do Chrome (color picker) para selecionar cores de uma imagem existente de uma paleta na web.
-
Se você criar um tema, atribuir o esquema de cores ao tema e visualizar, as alterações serão refletidas em tempo real.
Crie um novo repositório git com o esquema de cores
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Para o about.json, adicione um arquivo de configuração básico
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Adicione um arquivo LICENSE, eu geralmente uso a MIT
vim LICENSE
Envie as alterações para o GitHub
Confirme todas as suas alterações:
git add LICENSE
git add about.json
git commit -am "first commit"
Crie uma conta no GitHub.com e, em seguida, crie um novo repositório.
(Opcional) crie um tópico no Discourse como local para discutir suas cores
Idealmente, você criaria um tópico na categoria #customização:tema com algumas capturas de tela do seu esquema de cores. Você usará isso como seu about_url
Preencha as informações faltantes no seu arquivo about.json
-
Navegue até a página da sua LICENSE no GitHub, preencha esse URL como seu
license_url -
Use o URL do projeto no GitHub ou o URL do tópico no Discourse como seu
about_url -
Pressione
Copiar para a Área de Transferênciano seu esquema de cores e cole isso na seção color_schemes
No final do processo, seu arquivo about.json parecerá algo como:
{
"name": "Solarized",
"about_url": "https://github.com/SamSaffron/discourse-solarized",
"license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
"color_schemes": {
"Solarized Light": {
"primary": "586E75",
"secondary": "EEE8D5",
"tertiary": "268BD2",
"quaternary": "CB4B16",
"header_background": "002B36",
"header_primary": "93A1A1",
"highlight": "B58900",
"danger": "CB4B16",
"success": "859900",
"love": "DC322F"
}
}
}
Confirme a alteração e envie para o GitHub
git commit -am "added more details"
git push
Teste se seu esquema de cores está correto
- Exclua seu esquema de cores local
- Na tela
admin/customize/themeimporte seu tema do GitHub
- Acesse
admin/customize/colorse verifique se seu esquema de cores está correto.
Agora você pode facilmente compartilhar seu esquema de cores com outras pessoas!
Veja também:
Last Reviewed by @SaraDev on 2022-06-03T01:00:00Z
Este documento é controlado por versão - sugira alterações no github.