Wie überschreibe ich eine Farbvariable nur für ein Theme?

[smrtey]

Hier sind die viel zu detaillierten Anweisungen. Lassen Sie mich wissen, falls es nicht wie beschrieben funktioniert.

1. Erstellen Sie ein GitHub-Konto, falls Sie noch keines haben.

2. Exportieren Sie in Discourse Ihr Theme:
   Admin → Anpassen → Wählen Sie das zu exportierende Theme aus
   

   
   
   Dadurch wird das Theme als .zip-Datei auf Ihrem Computer gespeichert.

3. Entpacken Sie die Dateien auf Ihrem Computer.

4. Gehen Sie zu GitHub und erstellen Sie ein neues Repository:
   

   
   
   
   

5. Klicken Sie auf „Vorhandene Datei hochladen“
   

   

6. Ziehen Sie die entpackten Ordner und Dateien aus dem exportierten Theme (etwa wie folgt):
   

   
   
   von Ihrem Computer in Ihr Repository und klicken Sie auf „Änderungen committen“.

7. Jetzt können Sie die Datei about.json bearbeiten. Klicken Sie auf den Dateinamen.
   
   

Die Datei sieht etwa so aus:

{
  "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. Klicken Sie auf das Stiftsymbol zum Bearbeiten.

Jetzt können Sie sie bearbeiten. Ich empfehle, den Namen des Farbschemas zu ändern; andernfalls haben Sie nach dem erneuten Importieren des Themes in Ihre Website zwei verschiedene Farbschemata mit demselben Namen. Im Folgenden habe ich also "blue-light": { in "blue-lite": { geändert.

Fügen Sie einfach Ihre Farbvariablen-Überschreibungen am Ende des Farbschemas nach love hinzu und stellen Sie sicher, dass nach dem love-Wert ein Komma steht.

  "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. Klicken Sie auf „Änderungen committen“.

10. Klicken Sie auf den Repository-Namen, um zur Hauptseite des Repositorys zurückzukehren.
    

    

11. Kopieren Sie den Link zum Klonen oder Herunterladen.
    

    

12. Importieren Sie in Discourse Ihr Theme:
    Admin → Anpassen → Installieren → Aus einem Git-Repository: Fügen Sie den Link ein und installieren Sie das Theme.
    

    

13. Sie können dieses Theme jetzt genau wie jedes lokale Theme bearbeiten, und zwar mit Ihren benutzerdefinierten Werten für $primary-high, $primary-medium, $primary-low-mid und $primary-low.