O Discourse agora suporta a importação de esquemas de cores de repositórios remotos. Aqui, demonstrarei como 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, atribua o esquema de cores ao tema e visualize-o; 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 licença MIT
vim LICENSE
Envie as alterações para o GitHub
Verifique 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 um local para discutir suas cores
Idealmente, você criaria um tópico na categoria Customization > Theme com algumas capturas de tela do seu esquema de cores. Você usará isso como sua about_url
Preencha as informações ausentes no seu arquivo about.json
-
Navegue até a página da sua LICENSE no GitHub e preencha essa URL como sua
license_url -
Use a URL do projeto no GitHub ou a URL do tópico do Discourse como sua
about_url -
Pressione
Copy to Clipboardno seu esquema de cores e cole-o 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"
}
}
}
Verifique a alteração e envie para o GitHub
git commit -am "added more details"
git push
Teste se o seu esquema de cores está correto
- Exclua seu esquema de cores local
- Na tela
admin/customize/theme, importe seu tema do GitHub
- Visite
admin/customize/colorse verifique se o seu esquema de cores está correto.
Agora você pode compartilhar facilmente seu esquema de cores com os outros!
Veja também:
Last Reviewed by @SaraDev on 2022-06-03T01:00:00Z
This document is version controlled - suggest changes on github.