Discourse unterstützt jetzt das Importieren von Farbschemen aus entfernten Repositories. Hier zeige ich, wie man das macht.
Navigiere zu Farben und füge eine Farbschema hinzu.
Gehe auf /admin/customize/colors auf deiner Site und erstelle eine Farbschema.
Tipps:
-
Ich habe ein Chrome-Plugin (Color Picker) verwendet, um Farben von einem bestehenden Bild einer Palette im Web auszuwählen.
-
Wenn du ein Theme erstellst, ordne die Farbschema dem Theme zu und vorschau es, werden Ä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
Pushe Änderungen zu GitHub
Checke alle deine Änderungen ein:
git add LICENSE
git add about.json
git commit -am "first commit"
Erstelle ein Konto auf GitHub.com und erstelle dann ein neues Repository.
(Optional) erstelle ein Thema auf Discourse als Zuhause, um deine Farben zu diskutieren
Idealerweise würdest du ein Thema in der #customization:theme-Kategorie 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
-
Navigiere zu deiner LICENSE-Seite auf GitHub, fülle diese URL als deine
license_urlaus -
Verwende entweder die GitHub-Projekt-URL oder die Discourse-Thema-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"
}
}
}
Checke die Änderung ein und pushe zu GitHub
git commit -am "added more details"
git push
Teste, ob deine Farbschema korrekt ist
- Lösche deine lokale Farbschema
- Importiere dein Theme von GitHub im
admin/customize/theme-Bildschirm
- Besuche
admin/customize/colorsund stelle sicher, dass deine Farbschema korrekt aussieht.
Du kannst deine Farbschema jetzt 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.