Discourse ora supporta l’importazione di schemi di colore da repository remoti. Qui dimostrerò come procedere.
Vai ai colori e aggiungi uno schema di colore.
Vai su /admin/customize/colors sul tuo sito e crea uno schema di colore.
Consigli:
-
Ho usato un’estensione per Chrome (color picker) per selezionare i colori da un’immagine esistente di una palette disponibile sul web.
-
Se crei un tema, assegna lo schema di colore al tema e anteponilo: le modifiche verranno visualizzate in tempo reale.
Crea un nuovo repository Git con lo schema di colore
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Per about.json aggiungi un file di configurazione di base
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Aggiungi un file LICENSE; io solitamente uso la licenza MIT
vim LICENSE
Carica le modifiche su GitHub
Registra tutte le tue modifiche:
git add LICENSE
git add about.json
git commit -am "first 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 #plugin:theme con alcuni screenshot del tuo schema di colore. Userai questo come tuo about_url
Compila le informazioni mancanti nel tuo file about.json
-
Vai alla pagina LICENSE su GitHub e 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 colore e incollalo nella sezione color_schemes
Alla fine del processo, il tuo file about.json assomiglierà a questo:
{
"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 carica su GitHub
git commit -am "added more details"
git push
Verifica che il tuo schema di colore sia corretto
- Elimina il tuo schema di colore locale
- Nella schermata
admin/customize/themeimporta il tuo tema da GitHub
- Visita
admin/customize/colorse assicurati che il tuo schema di colore appaia corretto.
![]()
Ora puoi condividere facilmente il tuo schema di colore con altri!
Vedi anche:
Ultima revisione di @SaraDev il 2022-06-03T01:00:00Z
Questo documento è sotto controllo versione: suggerisci modifiche su GitHub.

