Discourse supporta ora l’importazione di schemi di colori da repository remoti. Qui dimostrerò come procedere.
Vai alla sezione colori e aggiungi uno schema di colori.
Accedi a /admin/customize/colors sul tuo sito e crea uno schema di colori.
Suggerimenti:
-
Ho usato un plugin per Chrome (color picker) per selezionare i colori da un’immagine esistente di una palette sul web.
-
Se crei un tema, assegna lo schema di colori al tema e anteprima le modifiche: queste verranno riflesse in tempo reale.
Crea un nuovo repository git con lo schema di colori
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Per about.json aggiungi un file di configurazione base
{
"name": "I miei fantastici schemi di colori",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Aggiungi un file LICENSE, io solitamente uso la licenza MIT
vim LICENSE
Invia le modifiche a GitHub
Registra tutte le tue modifiche:
git add LICENSE
git add about.json
git commit -am "primo commit"
Crea un account su GitHub.com e poi crea un nuovo repository.
(Opzionale) crea un argomento su Discourse come punto di riferimento per discutere i tuoi colori
Idealmente, dovresti creare un argomento nella categoria Customization > Theme con alcuni screenshot del tuo schema di colori. Userai questo come tuo about_url
Compila le informazioni mancanti nel tuo file about.json
-
Vai alla pagina della tua LICENSE su GitHub, inserisci quell’URL come tuo
license_url -
Usa l’URL del progetto GitHub o l’URL dell’argomento Discourse come tuo
about_url -
Premi
Copia negli appuntisul tuo schema di colori e incollalo nella sezione color_schemes
Al termine del processo, il tuo file about.json avrà un aspetto simile a:
{
"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"
}
}
}
Registra la modifica e invia a GitHub
git commit -am "aggiunti più dettagli"
git push
Verifica che il tuo schema di colori sia corretto
- Elimina il tuo schema di colori locale
- Nella schermata
admin/customize/themeimporta il tuo tema da GitHub
- Vai su
admin/customize/colorse assicurati che il tuo schema di colori sia visualizzato correttamente.
Ora puoi condividere facilmente il tuo schema di colori con gli altri!
Vedi anche:
Ultima revisione di @SaraDev il 2022-06-03T01:00:00Z
Questo documento è sotto controllo di versione - suggerisci modifiche su github.