Wie wähle ich Akzentfarbe und Light-/Dark-Modus?

Wie wähle ich Akzentfarbe und Light-/Dark-Modus?

Alles Sichtbare steuerst du an einer einzigen Stelle: unter Theme Studio → Design-Einstellungen. Änderungen zeigt das Panel sofort als Live-Vorschau; gespeichert wird erst, wenn du auf Änderungen speichern klickst.

🎨 Akzentfarbe

Im Abschnitt Akzentfarbe wählst du entweder eines der acht Presets (Perfex-Blau, Indigo, Violett, Smaragd, Petrol, Rosé, Bernstein, Schiefer) oder du klickst auf Eigene und trägst im Feld Eigene Farbe einen beliebigen Hex-Wert ein (z. B. #03A9F4) — wahlweise über den Farbwähler oder direkt getippt. Der Akzent zieht sich danach durch Buttons, aktive Menüpunkte, Links, Fokusrahmen, Fortschrittsbalken und mehr.

🌗 Light-, Dark- oder Automatik-Modus

Unter Standard-Farbmodus legst du fest, womit neue Nutzer starten: Hell, Dunkel oder Automatisch (folgt der System­einstellung des Betriebssystems). Unabhängig davon kann jeder Nutzer jederzeit über den schwebenden Umschalter unten rechts zwischen hell und dunkel wechseln — diese persönliche Wahl wird auf dem jeweiligen Gerät gemerkt und gewinnt gegenüber der Standard-Vorgabe.

🖥️ Geltungsbereich

Im Abschnitt Geltungsbereich & Kompatibilität schaltest du getrennt, ob der Admin-Bereich und/oder das Kundenportal geskinnt werden. Der Hauptschalter Theme Studio aktivieren deaktiviert bei Bedarf alles auf einen Schlag, ohne das Modul zu deinstallieren.

💡 Tipp

Bleib beim Akzent gern in der Nähe deiner Marken- oder CI-Farbe — die Live-Vorschau zeigt dir sofort, wie sich der Ton auf hellen und dunklen Flächen macht.

War dieser Artikel hilfreich?