Farben
Im Farben-Tab passt du das Erscheinungsbild deines Dokumentenbereichs an. Du kannst separate Farben für Light und Dark Mode definieren.
Farbmodus-Umschalter
Section titled “Farbmodus-Umschalter”Oben im Tab findest du einen Toggle, mit dem du zwischen Light Mode und Dark Mode wechselst.
Hell (Light Mode)
Section titled “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)
Section titled “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.
Farben
Section titled “Farben”Hintergrundfarbe
Section titled “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) |
Kartenfarbe
Section titled “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
Section titled “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
Textfarbe
Section titled “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)
App-Theme anwenden
Section titled “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 |
- Öffne den Farben-Tab
- Scrolle zu Theme
- Tippe auf App-Theme anwenden
- Alle Farben werden aus der Theme Suite übernommen
- Eine Bestätigung erscheint
Farben für Light und Dark Mode
Section titled “Farben für Light und Dark Mode”So konfigurierst du Farben für beide Modi:
- Wähle oben Hell aus
- Konfiguriere alle Farben für den Light Mode
- Wechsle zu Dunkel
- Konfiguriere die Farben für den Dark Mode
- Alle Änderungen werden automatisch gespeichert
Alle Einstellungen auf einen Blick
Section titled “Alle Einstellungen auf einen Blick”Light Mode
Section titled “Light Mode”| Einstellung | Bereich | Standard |
|---|---|---|
| Hintergrundfarbe | Farben | #F5F5F5 (Hellgrau) |
| Kartenfarbe | Farben | #FFFFFF (Weiß) |
| Akzentfarbe | Farben | #2196F3 (Blau) |
| Textfarbe | Farben | #212121 (Dunkelgrau) |
Dark Mode
Section titled “Dark Mode”| Einstellung | Bereich | Standard |
|---|---|---|
| Hintergrundfarbe | Farben (Dark Mode) | Vom Theme |
| Kartenfarbe | Farben (Dark Mode) | Vom Theme |
Beispiel-Konfigurationen
Section titled “Beispiel-Konfigurationen”Klassisch Hell
Section titled “Klassisch Hell”| Einstellung | Wert |
|---|---|
| Hintergrundfarbe | #F5F5F5 |
| Kartenfarbe | #FFFFFF |
| Akzentfarbe | #2196F3 |
| Textfarbe | #212121 |
Zeitlose, professionelle Darstellung.
Warmes Design
Section titled “Warmes Design”| Einstellung | Wert |
|---|---|
| Hintergrundfarbe | #FFF8E1 |
| Kartenfarbe | #FFFFFF |
| Akzentfarbe | #FF9800 |
| Textfarbe | #3E2723 |
Einladendes Design mit Orangetönen.
Dunkles Thema
Section titled “Dunkles Thema”| Einstellung | Wert |
|---|---|
| Hintergrundfarbe (Dark) | #121212 |
| Kartenfarbe (Dark) | #1E1E1E |
Modernes Dark Mode Design.
Häufige Fragen
Section titled “Häufige Fragen”Warum kann ich im Dark Mode nicht alle Farben ändern?
Section titled “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?
Section titled “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?
Section titled “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?
Section titled “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.