Discourse unterstützt jetzt das Importieren von Farbschemata aus einer Remote-Repository. Hier zeige ich, wie das funktioniert.
Navigieren Sie zu den Farben und fügen Sie ein Farbschema hinzu.
Gehen Sie auf /admin/customize/colors auf Ihrer Seite und erstellen Sie ein Farbschema.
Tipps:
-
Ich habe ein Chrome-Plugin (color picker) verwendet, um Farben aus einem vorhandenen Bild einer Palette im Web auszuwählen.
-
Wenn Sie ein Theme erstellen, dem Farbschema dem Theme zuweisen und es in der Vorschau anzeigen, werden Änderungen live angezeigt.
Erstellen Sie ein neues Git-Repository mit dem Farbschema
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Fügen Sie für about.json eine Skelett-Konfigurationsdatei hinzu
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Fügen Sie eine LICENSE-Datei hinzu, ich verwende normalerweise MIT
vim LICENSE
Synchronisieren Sie die Änderungen mit GitHub
Übernehmen Sie alle Ihre Änderungen:
git add LICENSE
git add about.json
git commit -am "first commit"
Erstellen Sie ein Konto auf GitHub.com und erstellen Sie dann ein neues Repository.
(Optional) Erstellen Sie ein Thema auf Discourse als Ort zur Diskussion Ihrer Farben
Idealerweise erstellen Sie ein Thema in der Kategorie Customization > Theme mit einigen Screenshots Ihres Farbschemas. Sie verwenden dies als Ihre about_url
Füllen Sie die fehlenden Informationen in Ihrer about.json-Datei aus
-
Navigieren Sie zu Ihrer LICENSE-Seite auf GitHub und geben Sie diese URL als Ihre
license_urlein -
Verwenden Sie entweder die GitHub-Projekt-URL oder die Discourse-Themen-URL als Ihre
about_url -
Drücken Sie
Copy to Clipboardauf Ihrem Farbschema und fügen Sie dies in den color_schemes-Bereich ein
Am Ende des Prozesses sieht Ihre about.json-Datei ungefähr so aus:
{
"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"
}
}
}
Übernehmen Sie die Änderung und synchronisieren Sie sie mit GitHub
git commit -am "added more details"
git push
Testen Sie, ob Ihr Farbschema korrekt ist
- Löschen Sie Ihr lokales Farbschema
- Importieren Sie Ihr Theme auf dem Bildschirm
admin/customize/themevon GitHub
- Besuchen Sie
admin/customize/colorsund stellen Sie sicher, dass Ihr Farbschema korrekt aussieht.
Sie können Ihr Farbschema nun leicht mit anderen teilen!
Siehe auch:
Last Reviewed by @SaraDev on 2022-06-03T01:00:00Z
This document is version controlled - suggest changes on github.