Discourse prend désormais en charge l’importation de palettes de couleurs depuis un dépôt distant. Je vais vous montrer comment procéder.
Accédez aux couleurs et ajoutez une palette de couleurs.
Rendez-vous sur /admin/customize/colors sur votre site et créez une palette de couleurs.
Conseils :
-
J’ai utilisé une extension Chrome (color picker) pour sélectionner des couleurs à partir d’une image existante d’une palette sur le web.
-
Si vous créez un thème, associez la palette de couleurs au thème et prévisualisez-le, les modifications seront reflétées en temps réel.
Créez un nouveau dépôt git avec la palette de couleurs
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Pour about.json, ajoutez un fichier de configuration de base
{
"name": "Mes palettes de couleurs géniales",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Ajoutez un fichier LICENSE, j’utilise généralement la licence MIT
vim LICENSE
Publiez les modifications sur GitHub
Enregistrez toutes vos modifications :
git add LICENSE
git add about.json
git commit -am "premier commit"
Créez un compte sur GitHub.com puis créez un nouveau dépôt.
(Facultatif) créez un sujet sur Discourse pour discuter de vos couleurs
Idéalement, vous créeriez un sujet dans la catégorie Customization > Theme avec quelques captures d’écran de votre palette de couleurs. Vous utiliserez cela comme votre about_url
Remplissez les informations manquantes dans votre fichier about.json
-
Accédez à votre page LICENSE sur GitHub, remplissez cette URL comme votre
license_url -
Utilisez soit l’URL du projet GitHub soit l’URL du sujet Discourse comme votre
about_url -
Appuyez sur
Copier dans le presse-papierssur votre palette de couleurs et collez-la dans la section color_schemes
À la fin du processus, votre fichier about.json ressemblera à ceci :
{
"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"
}
}
}
Enregistrez la modification et publiez sur GitHub
git commit -am "ajout de plus de détails"
git push
Testez que votre palette de couleurs est correcte
- Supprimez votre palette de couleurs locale
- Dans l’écran
admin/customize/theme, importez votre thème depuis GitHub
- Visitez
admin/customize/colorset assurez-vous que votre palette de couleurs est correcte.
Vous pouvez maintenant facilement partager votre palette de couleurs avec d’autres !
Voir aussi :
Dernière révision par @SaraDev le 2022-06-03T01:00:00Z
Ce document est sous contrôle de version - suggérez des modifications sur github.