Farben

Im Farben-Tab passt du das Erscheinungsbild deines Dokumentenbereichs an. Du kannst separate Farben für Light und Dark Mode definieren.

Farbmodus-Umschalter

Oben im Tab findest du einen Toggle, mit dem du zwischen Light Mode und Dark Mode wechselst.

Hell (Light Mode)

Was es macht: Zeigt die Farbeinstellungen für den hellen Modus an.

Wann es verwendet wird: Wenn das Gerät des Nutzers im Light Mode ist oder kein Dark Mode aktiviert ist.

Dunkel (Dark Mode)

Was es macht: Zeigt die Farbeinstellungen für den dunklen Modus an.

Wann es verwendet wird: Wenn das Gerät des Nutzers im Dark Mode ist.

Tipp

Konfiguriere immer beide Modi! Nutzer können den Modus in ihren Systemeinstellungen wechseln. Wenn du nur einen Modus konfigurierst, könnte der andere unpassende Standardfarben haben.

---

Farben

Hintergrundfarbe

Was es macht: Die Hintergrundfarbe des gesamten Dokumentenbereichs.

So findest du es: Farben > Farben > Hintergrundfarbe

Standard (Light): Hellgrau (#F5F5F5) Standard (Dark): Wird vom App-Theme übernommen

Empfehlungen:

Modus	Empfehlung
Light	Helles Grau oder leicht getönt (z.B. #F5F5F5, #FAFAFA)
Dark	Dunkles Grau oder Schwarz (z.B. #121212, #1E1E1E)

Gut zu wissen

Die Hintergrundfarbe sollte sich von der Kartenfarbe abheben, damit die Dokumente als einzelne Elemente erkennbar sind.

Kartenfarbe

Was es macht: Die Hintergrundfarbe der einzelnen Dokumentkarten.

So findest du es: Farben > Farben > Kartenfarbe

Standard (Light): Weiß (#FFFFFF) Standard (Dark): Wird vom App-Theme übernommen

Empfehlungen:

Modus	Empfehlung
Light	Weiß oder sehr helles Grau (#FFFFFF, #FAFAFA)
Dark	Dunkelgrau (#1E1E1E, #2D2D2D)

Akzentfarbe

Was es macht: Farbe für Hervorhebungen, Icons und interaktive Elemente.

So findest du es: Farben > Farben > Akzentfarbe (nur im Light Mode)

Standard: Blau (#2196F3)

Wo sie verwendet wird:

• Download- und Teilen-Icons
• Hervorgehobene Dokumente
• Aktive Filterchips
• Ladeanzeigen

Tipp

Verwende die gleiche Akzentfarbe wie in anderen Teilen deiner App. Nutze “App-Theme anwenden”, um die Primärfarbe aus der Theme Suite zu übernehmen.

Textfarbe

Was es macht: Die Farbe für Texte in den Dokumentkarten.

So findest du es: Farben > Farben > Textfarbe (nur im Light Mode)

Standard: Dunkelgrau (#212121)

Wo sie verwendet wird:

• Dokumenttitel
• Beschreibungen
• Metadaten (Größe, Seitenanzahl)

---

Theme

App-Theme anwenden

Was es macht: Übernimmt die Farben und den Eckenradius aus dem globalen App-Theme (Theme Suite).

So findest du es: Farben > Theme > App-Theme anwenden

Was übernommen wird:

Einstellung	Quelle
Hintergrundfarbe (Light)	Theme Suite Hintergrund
Kartenfarbe (Light)	Theme Suite Oberfläche
Hintergrundfarbe (Dark)	Theme Suite Dark Hintergrund
Kartenfarbe (Dark)	Theme Suite Dark Oberfläche
Textfarbe	Theme Suite Primäre Textfarbe
Akzentfarbe	Theme Suite Primärfarbe
Eckenradius	Theme Suite Eckenradius Medium

1. Öffne den Farben-Tab
2. Scrolle zu Theme
3. Tippe auf App-Theme anwenden
4. Alle Farben werden aus der Theme Suite übernommen
5. Eine Bestätigung erscheint

Tipp

Nutze diese Funktion, um sicherzustellen, dass dein Dokumentenbereich optisch zum Rest der App passt. Du kannst danach einzelne Farben noch anpassen.

---

Farben für Light und Dark Mode

So konfigurierst du Farben für beide Modi:

1. Wähle oben Hell aus
2. Konfiguriere alle Farben für den Light Mode
3. Wechsle zu Dunkel
4. Konfiguriere die Farben für den Dark Mode
5. Alle Änderungen werden automatisch gespeichert

Wichtig

Im Dark Mode sind nur Hintergrund- und Kartenfarbe konfigurierbar. Akzent- und Textfarbe werden aus dem Light Mode übernommen.

---

Alle Einstellungen auf einen Blick

Light Mode

Einstellung	Bereich	Standard
Hintergrundfarbe	Farben	#F5F5F5 (Hellgrau)
Kartenfarbe	Farben	#FFFFFF (Weiß)
Akzentfarbe	Farben	#2196F3 (Blau)
Textfarbe	Farben	#212121 (Dunkelgrau)

Dark Mode

Einstellung	Bereich	Standard
Hintergrundfarbe	Farben (Dark Mode)	Vom Theme
Kartenfarbe	Farben (Dark Mode)	Vom Theme

---

Beispiel-Konfigurationen

Klassisch Hell

Einstellung	Wert
Hintergrundfarbe	#F5F5F5
Kartenfarbe	#FFFFFF
Akzentfarbe	#2196F3
Textfarbe	#212121

Zeitlose, professionelle Darstellung.

Warmes Design

Einstellung	Wert
Hintergrundfarbe	#FFF8E1
Kartenfarbe	#FFFFFF
Akzentfarbe	#FF9800
Textfarbe	#3E2723

Einladendes Design mit Orangetönen.

Dunkles Thema

Einstellung	Wert
Hintergrundfarbe (Dark)	#121212
Kartenfarbe (Dark)	#1E1E1E

Modernes Dark Mode Design.

---

Tipps

Kontrast beachten

Achte auf ausreichenden Kontrast zwischen Text und Hintergrund. Zu geringer Kontrast erschwert das Lesen.

App-Theme zuerst

Nutze “App-Theme anwenden” als Ausgangspunkt und passe dann einzelne Farben an. So stellst du Konsistenz mit dem Rest der App sicher.

Dark Mode testen

Teste den Dark Mode in der App! Farben können auf dem Bildschirm anders wirken als im Editor.

Karten abheben

Die Kartenfarbe sollte sich vom Hintergrund abheben, damit Dokumente als einzelne Elemente erkennbar sind.

---

Häufige Fragen

Warum kann ich im Dark Mode nicht alle Farben ändern?

Um Konsistenz zu gewährleisten, werden Akzent- und Textfarbe aus dem Light Mode übernommen. Die Akzentfarbe sollte ohnehin in beiden Modi funktionieren.

Was passiert, wenn ich “App-Theme anwenden” nutze?

Alle Farbeinstellungen (Light und Dark) werden mit den Werten aus der Theme Suite überschrieben. Du kannst danach einzelne Farben anpassen.

Wie wähle ich passende Farben für Dark Mode?

• Hintergrund: Sehr dunkel (#121212 bis #1E1E1E)
• Karten: Etwas heller als der Hintergrund (#1E1E1E bis #2D2D2D)
• Vermeide reines Schwarz (#000000), das kann zu hart wirken

Soll ich die Akzentfarbe ändern?

Die Akzentfarbe sollte in der Regel die Primärfarbe deiner App sein. Nutze “App-Theme anwenden”, um sie automatisch zu übernehmen.