Aussehen
Im Aussehen-Tab passt du alle Farben deines Wikis an - getrennt für Light Mode und Dark Mode.
Light/Dark Mode wechseln
Abschnitt betitelt „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.
Hintergrund
Abschnitt betitelt „Hintergrund“Farben für den Hintergrund und Karten.
Hintergrundfarbe
Abschnitt betitelt „Hintergrundfarbe“Was es macht: Die Hauptfarbe des Wiki-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
Abschnitt betitelt „Kartenfarbe“Was es macht: Die Hintergrundfarbe von Artikel-Karten.
So findest du es: Aussehen > Hintergrund > Kartenfarbe
Standard (Light): Weiß (#FFFFFF) Standard (Dark): Dunkle Oberfläche (aus Theme)
Textfarben
Abschnitt betitelt „Textfarben“Farben für verschiedene Textbereiche.
Titelfarbe
Abschnitt betitelt „Titelfarbe“Was es macht: Die Farbe für Artikel-Titel.
So findest du es: Aussehen > Textfarben > Titelfarbe
Standard (Light): Dunkelgrau (#212121) Standard (Dark): Hellgrau (aus Theme)
Inhaltsfarbe
Abschnitt betitelt „Inhaltsfarbe“Was es macht: Die Farbe für den Fließtext in Artikeln und Vorschautexten.
So findest du es: Aussehen > Textfarben > Inhaltsfarbe
Standard (Light): Mittelgrau (#616161) Standard (Dark): Helleres Grau (aus Theme)
Inhaltsverzeichnis-Farbe
Abschnitt betitelt „Inhaltsverzeichnis-Farbe“Was es macht: Die Farbe für das automatisch generierte Inhaltsverzeichnis in Artikeln.
So findest du es: Aussehen > Textfarben > Inhaltsverzeichnis-Farbe
Standard (Light): Primärfarbe (aus Theme) Standard (Dark): Primärfarbe (aus Theme)
UI-Elemente
Abschnitt betitelt „UI-Elemente“Farben für interaktive Elemente und Akzente.
Kategoriefarbe
Abschnitt betitelt „Kategoriefarbe“Was es macht: Die Farbe für Kategorie-Header und Kategorie-Badges.
So findest du es: Aussehen > UI-Elemente > Kategoriefarbe
Standard (Light): Blau (#1976D2) Standard (Dark): Helleres Blau (aus Theme)
Tag-Farbe
Abschnitt betitelt „Tag-Farbe“Was es macht: Die Farbe für Tag-Badges auf Artikeln.
So findest du es: Aussehen > UI-Elemente > Tag-Farbe
Standard (Light): Lila (#7E57C2) Standard (Dark): Helleres Lila (aus Theme)
Akzentfarbe
Abschnitt betitelt „Akzentfarbe“Was es macht: Die Farbe für Links, Icons und andere Akzentelemente.
So findest du es: Aussehen > UI-Elemente > Akzentfarbe
Standard (Light): Blau (#1976D2) Standard (Dark): Helleres Blau (aus Theme)
Trennlinienfarbe
Abschnitt betitelt „Trennlinienfarbe“Was es macht: Die Farbe für Trennlinien zwischen Sektionen und Elementen.
So findest du es: Aussehen > UI-Elemente > Trennlinienfarbe
Standard (Light): Hellgrau (#E0E0E0) Standard (Dark): Dunkles Grau (aus Theme)
Farbe zurücksetzen
Abschnitt betitelt „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
Abschnitt betitelt „App-Theme übernehmen“Du kannst alle Farben auf einmal vom App-Theme übernehmen:
- Tippe auf das Palette-Symbol oben rechts
- Bestätige im Dialog “App-Theme anwenden?”
- Alle Farben werden vom globalen Theme übernommen
Das übernimmt:
- Hintergrund- und Oberflächenfarben
- Text- und Sekundärfarben
- Primärfarbe für Kategorien und Akzente
- Sekundärfarbe für Tags
- Eckenradius aus dem Theme
Alle Farben auf einen Blick
Abschnitt betitelt „Alle Farben auf einen Blick“Light Mode Standardwerte
Abschnitt betitelt „Light Mode Standardwerte“| Farbe | Wert | Verwendung |
|---|---|---|
| Hintergrund | #F5F5F5 | Haupt-Hintergrund |
| Karten | #FFFFFF | Artikel-Karten |
| Titel | #212121 | Überschriften |
| Inhalt | #616161 | Fließtext |
| Kategorie | #1976D2 | Kategorie-Labels |
| Tags | #7E57C2 | Tag-Badges |
| Akzent | #1976D2 | Links, Icons |
| Trennlinie | #E0E0E0 | Divider |
Dark Mode
Abschnitt betitelt „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.
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Muss ich beide Modi konfigurieren?
Abschnitt betitelt „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?
Abschnitt betitelt „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?
Abschnitt betitelt „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 Wiki, nicht nur im Editor
Kann ich Transparenz verwenden?
Abschnitt betitelt „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.