Come sovrascrivere una variabile di colore per un solo tema?

[smrtey]

Ecco le istruzioni eccessivamente dettagliate. Fatemi sapere se non funzionano come previsto.

1. Create un account GitHub se non ne avete già uno.

2. In Discourse, esportate il tema:
   Amministratore → Personalizza → Selezionate il tema che desiderate esportare
   

   
   
   Questo salverà il tema come file .zip sul vostro computer.

3. Estraiete i file sul vostro computer.

4. Andate su GitHub e create un nuovo repository:
   

   
   
   
   

5. Cliccate su “caricare un file esistente”
   

   

6. Trascinate le cartelle e i file scompattati del tema esportato (che assomiglieranno a questo):
   

   
   
   dal vostro computer al repository e cliccate su “Commit Changes”.

7. Ora potete modificare il file about.json. Cliccate sul nome del file
   
   

Il file sarà simile a questo

{
  "name": "Default",
  "component": false,
  "license_url": null,
  "about_url": null,
  "authors": null,
  "theme_version": null,
  "minimum_discourse_version": null,
  "maximum_discourse_version": null,
  "assets": {
    "badge": "assets/badge.png"
  },
  "color_schemes": {
    "blue-light": {
      "primary": "22262a",
      "secondary": "fefefe",
      "tertiary": "2572e4",
      "quaternary": "518ee9",
      "header_background": "1550a7",
      "header_primary": "fcfcfc",
      "highlight": "9edaf5",
      "danger": "ff7114",
      "success": "85cc54",
      "love": "de0100"    
    }
  },
  "learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
}

8. Cliccate sull’icona della matita per modificare.

Ora potete modificarlo. Consiglio di cambiare il nome dello schema dei colori; altrimenti, quando importerete il tema sul vostro sito, vi troverete con due schemi di colori diversi con lo stesso nome. Quindi qui sotto ho cambiato "blue-light": { in "blue-lite": {

Aggiungete semplicemente le vostre sovrascritture delle variabili di colore alla fine dello schema dei colori dopo love e assicuratevi di includere una virgola dopo il valore di love

  "name": "Default",
  "component": false,
  "license_url": null,
  "about_url": null,
  "authors": null,
  "theme_version": null,
  "minimum_discourse_version": null,
  "maximum_discourse_version": null,
  "assets": {
    "badge": "assets/badge.png"
  },
  "color_schemes": {
    "blue-lite": {
      "primary": "22262a",
      "secondary": "fefefe",
      "tertiary": "2572e4",
      "quaternary": "518ee9",
      "header_background": "1550a7",
      "header_primary": "fcfcfc",
      "highlight": "9edaf5",
      "danger": "ff7114",
      "success": "85cc54",
      "love": "de0100",
      "primary-high": "333333",
      "primary-medium": "666666",
      "primary-low-mid": "999999",
      "primary-low": "cccccc"    
    }
  },
  "learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
}

9. Cliccate su “Commit Changes”

10. Cliccate sul nome del repository per tornare alla pagina principale del repository
    

    

11. Copiate il link di Clone o Download
    

    

12. In Discourse, importate il tema:
    Amministratore → Personalizza → Installa → Da un repository git: Incollate il link e installate
    

    

13. Ora potete modificare questo tema esattamente come fareste con un tema locale, utilizzando i vostri valori personalizzati $primary-high, $primary-medium, $primary-low-mid e $primary-low.