> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/kurse-und-community/erscheinungsbild-einer-community-gruppe-gestalten.md).

# Erscheinungsbild einer Community-Gruppe gestalten

Mit dem Gruppen-Design passt du Farben und Schriften einer Community-Gruppe an. Ein klar unterscheidbares Erscheinungsbild hilft Mitgliedern, mehrere Gruppen schnell wiederzuerkennen und sich in der richtigen Umgebung zu orientieren.

Du kannst ein fertiges Design verwenden oder die Farben und Schriftfarben selbst festlegen. Helle und dunkle Ansicht werden getrennt eingestellt.

## Vor der Einrichtung

Du benötigst Zugriff auf die Einstellungen der betreffenden Community-Gruppe. Die Funktion muss im Standort verfügbar sein; die Originalquelle ordnet sie einem gesondert aktivierbaren Bereich zu. Fehlt der Eintrag für Designs oder Themes in den Gruppeneinstellungen, ist die Funktion dort noch nicht verfügbar.

Plane die Gestaltung zuerst auf Papier oder mit deinen bestehenden Markenfarben. Lege mindestens eine gut lesbare Hauptfarbe, eine Hintergrundfarbe und eine Farbe für Links fest. So vermeidest du, dass du später viele Werte ohne klares System ändern musst.

## Design-Einstellungen öffnen

1. Öffne die gewünschte Community-Gruppe.
2. Klicke in der seitlichen Gruppenansicht auf **Einstellungen**.
3. Wähle im Einstellungsmenü **Themes** oder den Design-Bereich.
4. Entscheide oben zuerst, ob du die helle oder die dunkle Ansicht bearbeiten möchtest.

In der geprüften Oberfläche gibt es zwei Bereiche: vorgefertigte Community-Designs und eigene Designs.

## Ein vorhandenes Design auswählen

1. Bleibe in der ausgewählten hellen oder dunklen Ansicht.
2. Öffne die Liste der vorgefertigten Community-Designs.
3. Klicke auf ein Design, um die Wirkung in der Gruppenansicht zu prüfen.
4. Übernimm die Auswahl und kontrolliere anschließend die Lesbarkeit von Beiträgen, Schaltflächen und der Seitenleiste.

Du kannst verschiedenen Gruppen unterschiedliche Designs geben. Das ist nützlich, wenn Mitglieder mehrere Community-Gruppen nutzen und die Bereiche auf einen Blick unterscheiden sollen.

## Ein eigenes Design erstellen

1. Wechsle in den Tab für eigene Designs.
2. Wähle die helle oder dunkle Ansicht aus.
3. Klicke bei einem Gestaltungswert auf das Farbfeld.
4. Wähle eine Farbe im Farbwähler oder gib einen Hex-Wert direkt ein.
5. Prüfe die Vorschau und speichere die Änderungen.
6. Wiederhole den Ablauf getrennt für die andere Ansicht, wenn du auch diese gestalten möchtest.

Die folgenden Werte steuern jeweils einen anderen Teil der Gruppenansicht:

| Einstellung               | Wirkung in der Community                                |
| ------------------------- | ------------------------------------------------------- |
| Seitenleisten-Hintergrund | Hintergrund der Seitenleiste und des oberen Bereichs    |
| Hauptfarbe                | Schaltflächen und wichtige Hervorhebungen               |
| Hintergrund               | Flächen von Elementen und Dialogfenstern                |
| Akzentfarbe               | Links sowie ausgewählte Auswahlfelder                   |
| Oberfläche                | Grundfläche der Gruppenansicht                          |
| Hauptschrift              | Wichtige Texte, etwa Überschriften und zentrale Angaben |
| Zweitschrift              | Ergänzende Textbereiche und ausgewählte Inhalte         |
| Füllfarbe                 | Farbe beim Darüberfahren mit der Maus                   |
| Rahmen                    | Sichtbare Umrandungen                                   |
| Fehlerfarbe               | Hinweise bei fehlerhaften Eingaben oder Interaktionen   |

Ändere zunächst nur wenige Werte und speichere. So erkennst du eindeutig, welche Farbe welche Wirkung hat. Wenn du einen Dialog mit ungespeicherten Änderungen schließen möchtest, erscheint eine Rückfrage. Verwirf Änderungen nur bewusst.

## Ergebnis mit einem Test prüfen

Teste das Design in der Webansicht mit einem Mitgliedskonto:

1. Öffne die Gruppe in der hellen Ansicht und prüfe Text, Links, Schaltflächen, Auswahlzustände und Fehlhinweise.
2. Wechsle in die dunkle Ansicht und wiederhole denselben Test.
3. Öffne einen Beitrag, einen Link und einen Dialog, damit du nicht nur die Startansicht prüfst.
4. Bitte ein Testmitglied zusätzlich, die persönliche helle oder dunkle Ansicht umzuschalten.

Die gewählte oder angepasste Gruppengestaltung wird Mitgliedern in der Webansicht angezeigt. Mitglieder können dort zusätzlich zwischen heller und dunkler Ansicht wechseln.

## Praxisbeispiel: Zwei Gruppen klar unterscheiden

Du hast eine Einstiegsgruppe und eine Gruppe für fortgeschrittene Mitglieder. Die Einstiegsgruppe soll ruhig und freundlich wirken, die zweite deutlicher und konzentrierter.

1. Du wählst für die Einstiegsgruppe ein helles, zurückhaltendes Design.
2. Für die zweite Gruppe erstellst du ein eigenes dunkles Design mit einer gut sichtbaren Hauptfarbe.
3. Du prüfst in beiden Ansichten, ob Überschriften, Links und Schaltflächen klar lesbar bleiben.
4. Mit einem Mitgliedskonto kontrollierst du, ob die richtige Gruppe auch nach dem Umschalten der Ansicht erkennbar bleibt.

So geben Farben Orientierung, ohne die Lesbarkeit der Inhalte zu beeinträchtigen.

## Wichtige Grenzen

* Die geprüfte Funktion wird nur in der Webansicht der Community dargestellt. Verlasse dich nicht darauf, dass dieselbe Gestaltung auf Mobilgeräten erscheint.
* Helle und dunkle Ansicht werden getrennt angepasst. Eine Änderung in einer Ansicht überträgt ihre Farben nicht automatisch auf die andere.
* Eine dekorative Farbe darf die Lesbarkeit nicht verschlechtern. Prüfe insbesondere Text auf Hintergrund, Links, Auswahlfelder und Fehlhinweise.
* Das Gruppen-Design verändert das Erscheinungsbild, nicht die Inhalte, Mitgliederrechte oder Zugänge der Gruppe.

## Dunkle Ansicht für Mitglieder einschalten

In der Webansicht können Mitglieder zwischen heller und dunkler Darstellung wechseln. Die persönliche Wahl bleibt auch nach einem späteren Besuch erhalten und gilt für Beiträge, Kommentare, Kanäle, Chats, Mitglieder, Veranstaltungen, Kurse und Lektionen.

1. Öffne die Community im Browser.
2. Wähle in der oberen Navigation das Symbol für die Darstellung.
3. Wähle die helle oder dunkle Ansicht.
4. Aktualisiere die Seite einmal und prüfe, dass die Auswahl erhalten bleibt.

Die Funktion ist für die Webansicht bestätigt. Prüfe die mobile Darstellung getrennt, statt davon auszugehen, dass die persönliche Auswahl dort identisch verfügbar ist.

### Helle und dunkle Farben getrennt pflegen

Verantwortliche Personen öffnen **Einstellungen** → **Aussehen**. Dort wählst du vor dem Bearbeiten die helle oder dunkle Farbpalette. Beide Paletten sind getrennt: Eine Änderung an der dunklen Ansicht überschreibt die helle Ansicht nicht.

1. Wähle die gewünschte Farbpalette.
2. Nutze ein vorgegebenes Design oder passe die sichtbaren Farben an.
3. Prüfe die Vorschau.
4. Speichere und wiederhole den Test getrennt in der anderen Ansicht.

Bestehende Gruppen funktionieren ohne zusätzliche Einrichtung weiter. Ist für die dunkle Ansicht noch keine eigene Palette eingerichtet, wird die vorhandene Gestaltung verwendet. Prüfe deshalb Text, Links, Schaltflächen, Auswahlzustände und Fehlhinweise nicht nur auf der Startseite, sondern auch in einem Beitrag, einer Lektion, einem Dialog und einer Veranstaltung.

**Praxisbeispiel:** Das Team legt eine gut lesbare dunkle Palette an, öffnet mit einem Testmitglied Kurskarten, eine Lektion und einen Beitrag und korrigiert zu schwache Kontraste vor dem Speichern. Mitglieder entscheiden danach selbst, welche Ansicht für sie angenehmer ist.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/kurse-und-community/erscheinungsbild-einer-community-gruppe-gestalten.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.