Discourse unterstützt jetzt das Importieren von Farbschemen aus entfernten Repositories. Hier zeige ich, wie du das machst.
Gehe zu den Farben und füge eine Farbschema hinzu.
Gehe auf deiner Seite zu /admin/customize/colors und erstelle eine Farbschema.
Tipps:
-
Ich habe ein Chrome-Plugin (Color Picker) verwendet, um Farben aus einem bestehenden Bild einer Palette im Web auszuwählen.
-
Wenn du ein Theme erstellst, ordne die Farbschema dem Theme zu und überprüfe es, werden die Änderungen live angezeigt.
Erstelle ein neues Git-Repository mit der Farbschema
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
Für about.json füge eine Grundkonfigurationsdatei hinzu
{
"name": "Meine awesome Farbschemen",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
Füge eine LICENSE-Datei hinzu, ich verwende normalerweise MIT
vim LICENSE
Änderungen zu GitHub pushen
Überprüfe alle deine Änderungen:
git add LICENSE
git add about.json
git commit -am "erster commit"
Erstelle ein Konto auf GitHub.com und erstelle dann ein neues Repository.
(Optional) Erstelle ein Thema auf Discourse als Zuhause für die Diskussion deiner Farben
Idealerweise würdest du ein Thema in der Kategorie Customization > Theme mit einigen Screenshots deiner Farbschema erstellen. Du wirst dies als deine about_url verwenden.
Fülle die fehlenden Informationen in deiner about.json-Datei aus
-
Gehe zu deiner LICENSE-Seite auf GitHub, fülle diese URL als deine
license_urlaus -
Verwende entweder die GitHub-Projekt-URL oder die Discourse-Themen-URL als deine
about_url -
Drücke
In die Zwischenablage kopierenauf deiner Farbschema und füge das in den color_schemes-Bereich ein
Am Ende des Prozesses wird deine about.json-Datei so aussehen:
{
"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"
}
}
}
Überprüfe die Änderung und pushe zu GitHub
git commit -am "mehr Details hinzugefügt"
git push
Teste, ob deine Farbschema korrekt ist
- Lösche deine lokale Farbschema
- Importiere dein Theme im
admin/customize/theme-Bildschirm von GitHub
- Besuche
admin/customize/colorsund stelle sicher, dass deine Farbschema korrekt aussieht.
Du kannst jetzt deine Farbschema leicht mit anderen teilen!
Siehe auch:
Zuletzt überprüft von @SaraDev am 2022-06-03T01:00:00Z
Dieses Dokument ist versionskontrolliert - schlage Änderungen auf GitHub vor.