Aussehen
Im Aussehen-Tab gestaltest du das visuelle Erscheinungsbild deines Portfolios - von Farben über Schatten bis zum Karten-Styling.
Light und Dark Mode
Abschnitt betitelt „Light und Dark Mode“Das Portfolio unterstützt separate Farbeinstellungen für Light und Dark Mode.
Modus wechseln
Abschnitt betitelt „Modus wechseln“So findest du es: Aussehen > (Toggle oben)
Am oberen Rand des Tabs findest du einen Toggle, mit dem du zwischen den Modi wechseln kannst:
| Modus | Beschreibung |
|---|---|
| Hellmodus | Bearbeitet die Farben für den Light Mode |
| Dunkelmodus | Bearbeitet die Farben für den Dark Mode |
Hintergrundfarbe
Abschnitt betitelt „Hintergrundfarbe“Was es macht: Die Hintergrundfarbe des gesamten Portfolio-Bereichs.
So findest du es: Aussehen > Farben > Hintergrundfarbe
Standard (Light): Hellgrau (#F5F5F5)
Standard (Dark): Dunkelgrau (#121212)
Kartenfarbe
Abschnitt betitelt „Kartenfarbe“Was es macht: Die Hintergrundfarbe der Projektkarten.
So findest du es: Aussehen > Farben > Kartenfarbe
Standard (Light): Weiß (#FFFFFF)
Standard (Dark): Dunkles Grau (#1E1E1E)
Overlay-Farbe
Abschnitt betitelt „Overlay-Farbe“Was es macht: Die Farbe des Overlays über den Projektbildern (für Textlesbarkeit).
So findest du es: Aussehen > Farben > Overlay-Farbe
Standard: Schwarz mit 50% Transparenz (#80000000)
Textfarbe
Abschnitt betitelt „Textfarbe“Was es macht: Die Farbe des Texts auf den Projektkarten.
So findest du es: Aussehen > Farben > Textfarbe
Standard: Weiß (#FFFFFF)
Karten-Styling
Abschnitt betitelt „Karten-Styling“Schatten aktivieren
Abschnitt betitelt „Schatten aktivieren“Was es macht: Aktiviert einen Schatten unter den Projektkarten.
So findest du es: Aussehen > Karten-Styling > Schatten aktivieren
Optionen: Aktiviert / Deaktiviert
Standard: Aktiviert
Schatten-Weichzeichnung
Abschnitt betitelt „Schatten-Weichzeichnung“Was es macht: Bestimmt, wie weich der Schatten gezeichnet wird.
So findest du es: Aussehen > Karten-Styling > Schatten-Weichzeichnung
Wertebereich: 0px bis 20px
| Wert | Wirkung |
|---|---|
| 0-4px | Scharfer, definierter Schatten |
| 6-10px | Sanfter Schatten |
| 12-16px | Sehr weicher Schatten |
| 18-20px | Diffuser Schatten |
Standard: 8px
Schatten-Versatz
Abschnitt betitelt „Schatten-Versatz“Was es macht: Verschiebt den Schatten vertikal nach oben oder unten.
So findest du es: Aussehen > Karten-Styling > Schatten-Versatz
Wertebereich: -5 bis 5
| Wert | Wirkung |
|---|---|
| -5 bis -1 | Schatten nach oben (Lichtquelle unten) |
| 0 | Schatten zentriert (direkte Beleuchtung) |
| 1 bis 5 | Schatten nach unten (Lichtquelle oben) |
Standard: 2
Schatten-Deckkraft
Abschnitt betitelt „Schatten-Deckkraft“Was es macht: Bestimmt, wie dunkel der Schatten ist.
So findest du es: Aussehen > Karten-Styling > Schatten-Deckkraft
Wertebereich: 0% bis 50%
| Wert | Wirkung |
|---|---|
| 0-10% | Sehr subtiler Schatten |
| 10-20% | Sichtbarer, aber dezenter Schatten |
| 20-30% | Deutlicher Schatten |
| 30-50% | Starker Schatten |
Standard: 10%
Overlay anzeigen
Abschnitt betitelt „Overlay anzeigen“Was es macht: Aktiviert ein farbiges Overlay über den Projektbildern.
So findest du es: Aussehen > Karten-Styling > Overlay anzeigen
Optionen: Aktiviert / Deaktiviert
Standard: Aktiviert
Overlay-Deckkraft
Abschnitt betitelt „Overlay-Deckkraft“Was es macht: Bestimmt, wie stark das Overlay die Bilder abdunkelt.
So findest du es: Aussehen > Karten-Styling > Overlay-Deckkraft
Wertebereich: 0% bis 100%
| Wert | Wirkung |
|---|---|
| 0-30% | Leichte Abdunklung |
| 40-60% | Moderate Abdunklung |
| 70-80% | Deutliche Abdunklung |
| 90-100% | Starke Abdunklung |
Standard: 70%
App-Theme anwenden
Abschnitt betitelt „App-Theme anwenden“Du kannst die Farben aus deinem globalen App-Theme übernehmen.
So findest du es: Aussehen > Theme > App-Theme anwenden
- Öffne den Aussehen-Tab
- Scrolle nach unten zu Theme
- Tippe auf App-Theme anwenden
- Die Farben werden übernommen
Was wird übernommen:
Abschnitt betitelt „Was wird übernommen:“| Einstellung | Quelle |
|---|---|
| Hintergrundfarbe (Light) | Theme: Background Color |
| Hintergrundfarbe (Dark) | Theme: Dark Background Color |
| Kartenfarbe (Light) | Theme: Surface Color |
| Kartenfarbe (Dark) | Theme: Dark Surface Color |
| Eckenradius | Theme: Border Radius Medium |
Aussehen-Übersicht
Abschnitt betitelt „Aussehen-Übersicht“Hier siehst du alle Aussehen-Einstellungen auf einen Blick:
| Einstellung | Standard (Light) | Standard (Dark) | Bereich |
|---|---|---|---|
| Hintergrundfarbe | #F5F5F5 | #121212 | Farbwähler |
| Kartenfarbe | #FFFFFF | #1E1E1E | Farbwähler |
| Overlay-Farbe | #80000000 | #80000000 | Farbwähler |
| Textfarbe | #FFFFFF | #FFFFFF | Farbwähler |
Schatten-Einstellungen
Abschnitt betitelt „Schatten-Einstellungen“| Einstellung | Standard | Minimum | Maximum |
|---|---|---|---|
| Schatten aktiviert | An | - | - |
| Weichzeichnung | 8px | 0px | 20px |
| Versatz | 2 | -5 | 5 |
| Deckkraft | 10% | 0% | 50% |
Overlay-Einstellungen
Abschnitt betitelt „Overlay-Einstellungen“| Einstellung | Standard | Minimum | Maximum |
|---|---|---|---|
| Overlay anzeigen | An | - | - |
| Deckkraft | 70% | 0% | 100% |
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Wie ändere ich die Farben für Dark Mode?
Abschnitt betitelt „Wie ändere ich die Farben für Dark Mode?“Nutze den Toggle oben im Aussehen-Tab, um zwischen Light und Dark Mode zu wechseln. Die Farben werden dann für den jeweiligen Modus gespeichert.
Warum sehe ich das Overlay nicht?
Abschnitt betitelt „Warum sehe ich das Overlay nicht?“Das Overlay erscheint als Gradient über den Bildern. Stelle sicher, dass:
- “Overlay anzeigen” aktiviert ist
- Die Overlay-Deckkraft nicht auf 0% steht
Was macht “App-Theme anwenden”?
Abschnitt betitelt „Was macht “App-Theme anwenden”?“Diese Funktion übernimmt die Farben aus deiner Theme Suite. Das sorgt für ein konsistentes Design in der gesamten App.
Wie setze ich die Farben zurück?
Abschnitt betitelt „Wie setze ich die Farben zurück?“Tippe auf das Zurücksetzen-Symbol oben rechts, um alle Einstellungen (inkl. Farben) auf die Standardwerte zurückzusetzen.
Kann ich verschiedene Schatten für verschiedene Karten haben?
Abschnitt betitelt „Kann ich verschiedene Schatten für verschiedene Karten haben?“Nein, die Schatten-Einstellungen gelten für alle Projektkarten gleichermaßen.