Aussehen

Im Aussehen-Tab passt du alle Farben deines FAQ-Bereichs an - getrennt für Light Mode und Dark Mode.

Light/Dark Mode wechseln

Oben im Tab findest du einen Toggle, mit dem du zwischen Light Mode und Dark Mode wechseln kannst. Je nach Auswahl bearbeitest du die Farben für den entsprechenden Modus.

Modus	Beschreibung
Light Mode wird bearbeitet	Du bearbeitest die Farben für den hellen Modus
Dark Mode wird bearbeitet	Du bearbeitest die Farben für den dunklen Modus

Tippe auf den Toggle, um zwischen den Modi zu wechseln.

Tipp

Vergiss nicht, beide Modi zu konfigurieren! Nutzer können in ihren Systemeinstellungen zwischen Light und Dark Mode wechseln.

---

Hintergrund

Farben für den Hintergrund und Karten.

Hintergrundfarbe

Was es macht: Die Hauptfarbe des FAQ-Bereich-Hintergrunds.

So findest du es: Aussehen > Hintergrund > Hintergrundfarbe

Standard (Light): Hellgrau (#F5F5F5) Standard (Dark): Dunkles Grau (aus Theme)

Tippe auf die Farbe, um den Farbwähler zu öffnen. Nutze den Reset-Button, um zur Standardfarbe des App-Themes zurückzukehren.

---

Kartenfarbe

Was es macht: Die Hintergrundfarbe von FAQ-Karten und aufgeklappten Bereichen.

So findest du es: Aussehen > Hintergrund > Kartenfarbe

Standard (Light): Weiß (#FFFFFF) Standard (Dark): Dunkle Oberfläche (aus Theme)

Tipp

Die Kartenfarbe sollte sich vom Hintergrund abheben, damit FAQs gut erkennbar sind. Im Light Mode typischerweise Weiß auf Hellgrau, im Dark Mode dunkles Grau auf Schwarz.

---

Textfarben

Farben für Fragen und Antworten.

Fragenfarbe

Was es macht: Die Farbe für die FAQ-Fragen (Überschriften).

So findest du es: Aussehen > Textfarben > Fragenfarbe

Standard (Light): Dunkelgrau (#212121) Standard (Dark): Hellgrau (aus Theme)

Gut zu wissen

Die Fragenfarbe sollte gut lesbar sein und sich vom Hintergrund abheben. Fragen sind das Erste, was Nutzer sehen.

---

Antwortfarbe

Was es macht: Die Farbe für die FAQ-Antworten (Fließtext).

So findest du es: Aussehen > Textfarben > Antwortfarbe

Standard (Light): Mittelgrau (#616161) Standard (Dark): Helleres Grau (aus Theme)

Tipp

Die Antwortfarbe sollte etwas heller sein als die Fragenfarbe, um eine visuelle Hierarchie zu schaffen. So erkennen Nutzer sofort, was die Frage und was die Antwort ist.

---

UI-Elemente

Farben für Icons und Trennlinien.

Icon-Farbe

Was es macht: Die Farbe für die Auf-/Zuklapp-Icons.

So findest du es: Aussehen > UI-Elemente > Icon-Farbe

Standard (Light): Primärfarbe (aus Theme) Standard (Dark): Primärfarbe (aus Theme)

Tipp

Die Icon-Farbe kann als Akzentfarbe dienen. Nutze deine Primärfarbe oder eine auffällige Farbe, um die Icons hervorzuheben.

---

Trennlinienfarbe

Was es macht: Die Farbe für Trennlinien zwischen FAQ-Einträgen.

So findest du es: Aussehen > UI-Elemente > Trennlinienfarbe

Standard (Light): Hellgrau (#E0E0E0) Standard (Dark): Dunkles Grau (aus Theme)

Tipp

Trennlinien sollten subtil sein - gerade sichtbar genug, um Bereiche zu trennen, ohne zu stark aufzufallen.

---

Farbe zurücksetzen

Jede Farbeinstellung hat einen Reset-Button. Wenn du darauf tippst, wird die Farbe auf den Standardwert des App-Themes zurückgesetzt.

Das ist nützlich, wenn:

• Du eine Farbe versehentlich geändert hast
• Du möchtest, dass eine Farbe automatisch dem App-Theme folgt
• Du die Standard-Harmonie wiederherstellen möchtest

---

App-Theme übernehmen

Du kannst alle Farben auf einmal vom App-Theme übernehmen:

1. Tippe auf das Palette-Symbol oben rechts
2. Bestätige im Dialog “App-Theme anwenden?”
3. Alle Farben werden vom globalen Theme übernommen

Das übernimmt:

• Hintergrund- und Oberflächenfarben
• Primäre und sekundäre Textfarben
• Icon-Farbe (Primärfarbe)
• Eckenradius aus dem Theme

Wichtig

Beim Übernehmen des App-Themes werden alle manuell eingestellten Farben überschrieben!

---

Alle Farben auf einen Blick

Light Mode Standardwerte

Farbe	Wert	Verwendung
Hintergrund	#F5F5F5	Haupt-Hintergrund
Karten	#FFFFFF	FAQ-Karten
Fragen	#212121	Fragen-Überschriften
Antworten	#616161	Antwort-Text
Icons	Primärfarbe	Auf-/Zuklapp-Icons
Trennlinie	#E0E0E0	Divider

Dark Mode

Im Dark Mode werden die Farben automatisch vom App-Theme übernommen, wenn keine eigenen Werte gesetzt sind. Du kannst aber für jede Farbe einen eigenen Dark-Mode-Wert festlegen.

---

Tipps

Kontrast beachten

Achte auf ausreichenden Kontrast zwischen Text und Hintergrund. Dunkler Text auf hellem Hintergrund (Light Mode) und heller Text auf dunklem Hintergrund (Dark Mode).

Konsistenz mit Theme Suite

Nutze “App-Theme anwenden” um sicherzustellen, dass dein FAQ-Bereich zum Rest der App passt. Dann passe nur einzelne Farben an, wenn nötig.

Fragen hervorheben

Wähle eine kräftigere Farbe für Fragen, damit Nutzer diese schnell scannen können. Die Antworten können dezenter sein.

Icons als Akzent

Nutze die Icon-Farbe als visuellen Akzent. Eine auffällige Farbe zeigt Nutzern, wo sie tippen können.

---

Häufige Fragen

Muss ich beide Modi konfigurieren?

Nicht unbedingt. Wenn du keine Dark-Mode-Farben setzt, werden automatisch die Farben aus dem App-Theme verwendet. Aber für ein optimales Ergebnis solltest du beide Modi testen.

Wie setze ich eine einzelne Farbe zurück?

Jede Farbe hat einen Reset-Button. Tippe darauf, um die Farbe auf den Standardwert des App-Themes zurückzusetzen.

Warum sehen meine Farben anders aus als erwartet?

• Prüfe, ob du im richtigen Modus bist (Light/Dark Toggle oben)
• Prüfe, ob die Farbe vom App-Theme überschrieben wurde
• Teste die Farben im echten FAQ-Bereich, nicht nur im Editor

Kann ich Transparenz verwenden?

Ja, der Farbwähler unterstützt auch transparente Farben (Alpha-Wert). Das kann für subtile Trennlinien oder Overlay-Effekte nützlich sein.