In den neuen one.pages kannst du eine Vielzahl von Farbschemen nutzen, ähnlich wie bei TYPO3. Jedes Farbschema setzt sich aus vier Farbwerten zusammen: Hintergrundfarbe, Schriftfarbe, Linkfarbe und Link-Hover-Farbe. Hier erfährst du, wie du diese Farben effektiv verwalten kannst.
Übersicht der Farbschemen
Standard Farbschema
Bestandteile: Hintergrundfarbe, Schriftfarbe, Linkfarbe, Link-Hover-Farbe
Nutzung: Wird initial für Portalblöcke gewählt und bestimmt die Header- sowie Icon-Farbe.
Bedeutung:
Standard Hintergrundfarbe: Legt den allgemeinen Hintergrund fest.
Standard Schriftfarbe: Bestimmt die Textfarbe auf Standardflächen.
Standard Linkfarbe: Definiert die Farbe von Links im Standardbereich.
Standard Link-Hover Farbe: Wird beim Überfahren eines Links mit der Maus angezeigt.
Conversion Farbschema
Bestandteile: Hintergrundfarbe, Schriftfarbe, Linkfarbe, Link-Hover-Farbe
Nutzung: Für spezielle Elemente wie QR-Code-Buttons, buchbare Datensätze und Aktionsbuttons auf Detailseiten.
Bedeutung: Hebt Signalelemente hervor durch besondere Farben. Setzt wichtige Aktionen grafisch in den Fokus.
Container Farbschema
Bestandteile: Hintergrundfarbe, Schriftfarbe, Linkfarbe, Link-Hover-Farbe
Nutzung: Für Spezialflächen wie die Ergebnisliste und die Navigationsleiste auf Detailseiten.
Bedeutung: Spezielle Hintergrundfarben für Container unter anderem der Ergebnisliste. Optimiert für spezielle Bereiche der Plattform.
Weitere Farbschemen (1, 2, 3)
Bestandteile: Hintergrundfarbe, Schriftfarbe, Linkfarbe, Link-Hover-Farbe
Nutzung: Diese Schemen können genauso wie das Standard- oder Container-Farbschema für Portalblöcke gewählt werden, z.B. für das aufgeklappte Menü beim Farbschema 1.
Bearbeitung der Farben im Pagesbuilder
Öffne den Pagesbuilder
Gehe zum Reiter "Einstellungen", um die aktuellen Farbschemen zu bearbeiten.
Wähle ein Farbschema
Unterhalb der aktuellen Farben siehst du einen neuen Bereich mit verschiedenen Farbschemen.