Trennlinien (Dividers) helfen dir, die Einstellungsseite visuell zu strukturieren. Du kannst sie zwischen Abschnitten einfügen, um die Übersichtlichkeit zu verbessern.
- Tippe auf + in der Toolbar
- Wähle Trennlinie aus der Liste
- Eine neue Trennlinie wird hinzugefügt
- Das Smart Panel öffnet sich automatisch
Im Stil-Tab findest du alle visuellen Einstellungen für die Trennlinie.
Am oberen Rand des Tabs siehst du eine Live-Vorschau deiner Trennlinie. Alle Änderungen werden sofort sichtbar.
Dark Mode Toggle: Wähle zwischen “Light Mode wird bearbeitet” und “Dark Mode wird bearbeitet” um unterschiedliche Farben für beide Modi festzulegen.
| Einstellung | Standard | Beschreibung |
|---|
| Linienfarbe | Sekundärfarbe | Die Hauptfarbe der Trennlinie |
| Einstellung | Standard | Bereich | Beschreibung |
|---|
| Dicke | 1 px | 0.5-10 px | Stärke der Linie |
| Deckkraft | 100% | 0-100% | Transparenz der Linie |
Stil-Optionen:
| Stil | Beschreibung |
|---|
| Durchgehend | Eine durchgezogene Linie |
| Gestrichelt | Eine Linie aus Strichen |
| Gepunktet | Eine Linie aus Punkten |
| Einstellung | Standard | Bereich | Beschreibung |
|---|
| Gesamthöhe | 16 px | 0-100 px | Gesamthöhe des Trennlinien-Bereichs |
| Abstand oben | 0 px | 0-50 px | Abstand über der Linie |
| Abstand unten | 0 px | 0-50 px | Abstand unter der Linie |
| Einstellung | Standard | Bereich | Beschreibung |
|---|
| Einzug links | 0 px | 0-100 px | Abstand zum linken Rand |
| Einzug rechts | 0 px | 0-100 px | Abstand zum rechten Rand |
Du kannst statt einer einfarbigen Linie auch einen Farbverlauf (Gradient) verwenden.
| Einstellung | Beschreibung |
|---|
| Farbverlauf aktivieren | Schaltet den Gradient-Modus ein |
Wenn aktiviert, erscheinen zusätzliche Optionen:
| Richtung | Beschreibung |
|---|
| Horizontal | Von links nach rechts |
| Vertikal | Von oben nach unten |
| Diagonal (abwärts) | Von oben-links nach unten-rechts |
| Diagonal (aufwärts) | Von unten-links nach oben-rechts |
| Einstellung | Beschreibung |
|---|
| Startfarbe | Farbe am Anfang des Verlaufs |
| Mittelfarbe (optional) | Optionale Farbe in der Mitte |
| Endfarbe | Farbe am Ende des Verlaufs |
Im Erweitert-Tab kannst du Theme-Überschreibungen vornehmen.
Was es macht: Aktiviert oder deaktiviert die automatische Übernahme der Theme-Farben.
Optionen:
| Einstellung | Wirkung |
|---|
| Aktiviert | Trennlinie verwendet automatisch die Theme-Farben |
| Deaktiviert | Du kannst eigene Farben definieren |
Wenn deaktiviert, erscheinen zusätzliche Optionen:
| Einstellung | Beschreibung |
|---|
| Linienfarbe | Farbe im Light Mode |
| Linienfarbe (Dunkel) | Farbe im Dark Mode |
| Einstellung | Wert |
|---|
| Stil | Durchgehend |
| Dicke | 1 px |
| Deckkraft | 30% |
| Einzug links | 16 px |
| Einzug rechts | 16 px |
| Einstellung | Wert |
|---|
| Stil | Durchgehend |
| Dicke | 2 px |
| Farbe | Primärfarbe |
| Deckkraft | 100% |
| Einzug links | 0 px |
| Einzug rechts | 0 px |
| Einstellung | Wert |
|---|
| Stil | Gepunktet |
| Dicke | 2 px |
| Deckkraft | 50% |
| Einzug links | 32 px |
| Einzug rechts | 32 px |
| Einstellung | Wert |
|---|
| Farbverlauf | Aktiviert |
| Richtung | Horizontal |
| Startfarbe | Primärfarbe |
| Endfarbe | Sekundärfarbe |
| Dicke | 2 px |
| Einstellung | Standard | Bereich |
|---|
| Dicke | 1 px | 0.5-10 px |
| Stil | Durchgehend | Durchgehend/Gestrichelt/Gepunktet |
| Deckkraft | 100% | 0-100% |
| Einstellung | Standard | Bereich |
|---|
| Gesamthöhe | 16 px | 0-100 px |
| Abstand oben | 0 px | 0-50 px |
| Abstand unten | 0 px | 0-50 px |
| Einstellung | Standard | Bereich |
|---|
| Einzug links | 0 px | 0-100 px |
| Einzug rechts | 0 px | 0-100 px |
| Einstellung | Standard | Optionen |
|---|
| Aktiviert | Aus | An/Aus |
| Richtung | Horizontal | Horizontal/Vertikal/Diagonal |
| Startfarbe | Primärfarbe | Farbwähler |
| Mittelfarbe | Keine | Farbwähler (optional) |
| Endfarbe | Sekundärfarbe | Farbwähler |
