| Zusammenfassung | Colorful Categories verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Beitragsliste befinden oder innerhalb eines Beitrags sind. | |
| Vorschau | Vorschau im Discourse Theme Creator | |
| Repository-Link | https://github.com/discourse/discourse-colorful-categories | |
| Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Dieses Theme-Modul installieren
Funktionen
Colorful Categories verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Beitragsliste befinden oder innerhalb eines Beitrags sind; im Header, bei den Antworten/Erstellungs-Buttons, in der Beitragszeitachse und im Editor.
Die Farben des Editors ändern sich basierend auf der ausgewählten Kategorie:

Einstellungen
Jede der oben genannten Farbänderungen kann in den Einstellungen des Themes deaktiviert werden.
| Name | Beschreibung |
|---|---|
| use category color in composer | deaktivieren, um Standard-Editor-Farben zu verwenden |
| use category color in header | deaktivieren, um Standard-Header-Farben zu verwenden |
| use category color in timeline | deaktivieren, um Standard-Beitragszeitachsen-Farben zu verwenden |
| use category color in buttons | deaktivieren, um Standard-Button-Farben zu verwenden |
Entwicklungshinweise
Sie können alle Einstellungen deaktivieren, wenn Sie dieses Modul als Möglichkeit nutzen möchten, Kategorie-Farben als benutzerdefinierte CSS-Eigenschaften wiederverwendbar zu machen. Beispielsweise werden auf jeder Kategorie-Seite und in jedem Beitrag diese Eigenschaften gesetzt:
--category-color
--category-text-color
und der Editor erhält:
--composer-category-text-color
--composer-category-color
Diese können überall in Ihrem eigenen CSS wiederverwendet werden, zum Beispiel:
body {
background: var(--category-color);
}
Es gibt einige Standardwerte, die gesetzt werden, wenn keine Kategorie vorhanden ist. Diese können Sie in Ihrem eigenen CSS ändern:
:root {
--composer-category-text-color: var(--secondary);
--composer-category-color: var(--tertiary);
--category-color: var(--secondary);
--category-text-color: var(--primary-low-mid);
}
Von uns gehostet? Theme-Module stehen in unseren Standard-, Business- und Enterprise-Plänen zur Verfügung.







