Crea e condividi una combinazione di colori

[Discourse]

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 appunti sul 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/theme importa il tuo tema da GitHub

• Visita admin/customize/colors e assicurati che il tuo schema di colore appaia corretto.

Ora puoi condividere facilmente il tuo schema di colore con altri!

Vedi anche:

Structure of themes and theme components

Discourse supports native themes that can be sourced from a .tar.gz archive or from a remote git repository including private repositories. [56] An example theme is at: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme · GitHub [32] The git repository will be checked for updates (once a day), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to foll…

---

Ultima revisione di @SaraDev il 2022-06-03T01:00:00Z

---

Questo documento è sotto controllo versione: suggerisci modifiche su GitHub.

[j127]

@Discourse

{
  "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"
    }
  }
}

Penso che ci siano altri due campi che possono essere aggiunti lì: hover e selected.