# Bunte Kategorien

**URL:** https://meta.discourse.org/t/colorful-categories/207267
**Category:** Theme component
**Tags:** official, colorful-categories
**Created:** [27. Oktober 2021 um 15:51 UTC](https://meta.discourse.org/t/colorful-categories/207267 "2021-10-27T15:51:56Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [27. Oktober 2021 um 15:51 UTC](https://meta.discourse.org/t/colorful-categories/207267/1 "2021-10-27T15:51:56Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Zusammenfassung** | **Colorful Categories** verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Topic-Liste befinden oder innerhalb eines Topics. |
| 👓 | **Vorschau** | [Vorschau im Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/colorful-categories) |
| 🛠 | **Link zum Repository** | [https://github.com/discourse/discourse-colorful-categories](https://github.com/discourse/discourse-colorful-categories) |
| 📖 | **Neu bei Discourse Themes?** | [Anfängerleitfaden zur Verwendung von Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Dieses Theme-Komponente installieren

> [@](#):
>
> :discourse2: Da dies eine #offizielle Theme-Komponente ist, die vom Discourse-Team gepflegt wird, können #support-, #contribute:bug-, #contribute:ux- und #contribute:feature-Anfragen in den jeweiligen Kategorien hier auf Meta gestellt und mit dem entsprechenden Theme-Komponenten-Tag versehen werden. Klicken Sie unten auf einen Link, um einen neuen Beitrag zu starten. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=colorful-categories "Unterstützung bei der Konfiguration und Verwendung von Colorful Categories anfragen") [🐛&nbsp; **Fehler**](https://meta.discourse.org/new-topic?category_id=1&tags=colorful-categories "Ein Fehlerbericht bedeutet, dass etwas defekt ist und die normale bzw. typische Nutzung der Theme-Komponente verhindert") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=colorful-categories "Diskussion über die Benutzeroberfläche von Colorful Categories und wie Funktionen präsentiert werden (einschließlich Sprache und UI-Elementen)") [💡&nbsp; **Funktion**](https://meta.discourse.org/new-topic?category_id=2&tags=colorful-categories "Diskussion darüber, wie bestehende Funktionen von Colorful Categories verbessert oder erweitert werden können und wie vorgeschlagene neue Funktionen funktionieren könnten")

### Funktionen

**Colorful Categories** verwendet die Farben jeder Kategorie an mehr Stellen, wenn Sie sich auf einer Kategorie-Topic-Liste befinden oder innerhalb eines Topics: in der Kopfzeile, bei Antwort-/Erstellungs-Buttons, der Topic-Zeitachse und im Editor.

 ![Screen Shot 2021-10-27 at 11.37.24 AM](https://global.discourse-cdn.com/meta/original/3X/5/4/540967a32cc03401a8007f70f58c6be09385c7e0.png)

Die Farben des Editors ändern sich je nach ausgewählter Kategorie:

![Kapture 2021-10-27 at 11.47.15](https://global.discourse-cdn.com/meta/original/3X/e/3/e3332f94ec2197812fa0ce7550434de6b606be69.gif)

### Einstellungen

Jede der oben genannten Farbänderungen kann in den Einstellungen des Themes deaktiviert werden.

| Name | Beschreibung |
| --- | --- |
| use category color in composer | Deaktivieren, um die Standardfarben des Editors zu verwenden |
| use category color in header | Deaktivieren, um die Standardfarben der Kopfzeile zu verwenden |
| use category color in timeline | Deaktivieren, um die Standardfarben der Topic-Zeitachse zu verwenden |
| use category color in buttons | Deaktivieren, um die Standardfarben der Buttons zu verwenden |

### Hinweise zur Entwicklung

Sie können alle Einstellungen deaktivieren, wenn Sie diese Komponente nutzen möchten, um Kategorie-Farben als benutzerdefinierte CSS-Eigenschaften wiederverwendbar zu machen. Zum Beispiel werden auf jeder Kategorie-Seite und in jedem Topic diese Eigenschaften gesetzt:

```plaintext
  --category-color
  --category-text-color

```

Und der Editor erhält:

```plaintext
  --composer-category-text-color
  --composer-category-color

```

Diese können überall in Ihrem eigenen CSS wiederverwendet werden, zum Beispiel:

```css
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:

```css
:root {
  --composer-category-text-color: var(--secondary);
  --composer-category-color: var(--tertiary);
  --category-color: var(--secondary);
  --category-text-color: var(--primary-low-mid);
}

```

  

> :discourse2: **Von uns gehostet?** Theme-Komponenten stehen in unseren Standard-, Business- und Enterprise-Plänen zur Verfügung.

---

_[View the full topic](https://meta.discourse.org/t/colorful-categories/207267)._