Frontend Style Changer

Mit Frontend Style Change bindest du einen gut sichtbaren Stilwechsler direkt in deine Community ein – ohne Templates anpassen zu müssen. Das Plugin greift auf den nativen Stilwechsler von WoltLab Suite Core zu und öffnet beim Klick den gewohnten WSC-Dialog zur Stilauswahl. So wechseln deine Mitglieder und Gäste zuverlässig zwischen installierten Stilen.

Zusätzlich kannst du – sofern der aktive Stil einen Dark Mode unterstützt – einen Farbschema-Umschalter unter der Lasche (links/rechts) anzeigen lassen. Per Hover fahren drei Icons für helles, dunkles und automatisches Farbschema aus – ohne Text, kompakt und im Stil der Lasche.

Der bisherige Stilwechsler im Footer wird automatisch ausgeblendet, damit Besucher nicht zwei Wechsler gleichzeitig sehen. Stattdessen erscheint ein klar erkennbares Element an der von dir gewählten Stelle – dezent, aber immer griffbereit.

Funktionen im Überblick

• Vier Positionen zur freien Wahl:
  • Lasche links mittig (vertikale Beschriftung)
  • Lasche rechts mittig (vertikale Beschriftung)
  • Kreis unten links (mit Icon und Tooltip)
  • Kreis unten rechts (mit Icon und Tooltip)
• Stilwechsler und Farbschema getrennt steuerbar: Du kannst nur den Stilwechsler, nur den Farbschema-Umschalter oder beides gleichzeitig aktivieren
• Farbschema-Lasche (nur bei Lasche links/rechts): Kompakte Icon-Lasche unter dem Stilwechsler – zeigt das aktive Farbschema und fährt beim Hover drei Icons (Hell, Dunkel, System) aus. Wird nur angezeigt, wenn die Option aktiv ist und der aktuelle Stil Dark Mode unterstützt
• Mehrsprachige Beschriftung für Lasche und Tooltip (Standard: „Stil wechseln“)
• Farbanpassung an den Stil: Lasche, Farbschema-Lasche und Kreis übernehmen automatisch die Farben des Primary-Buttons des aktiven Stils
• Intelligente Anzeige: Der Stilwechsler erscheint nur, wenn WSC mehrere Stile zur Verfügung stellt und die Option aktiv ist

Optionen und Einstellungen

Alle Einstellungen findest du im Administrationsbereich unter Konfiguration → Optionen.

Modul aktivieren/deaktivieren
Kategorie: Module
Option: Frontend Stilwechsler aktivieren
Hier schaltest du das gesamte Plugin ein oder aus. Ist das Modul deaktiviert, werden weder Lasche noch Kreis im Frontend angezeigt.

Position
Kategorie: Allgemein → Frontend Stilwechsler
Option: Position
Hier wählst du, ob der Stilwechsler als Lasche links, Lasche rechts, Kreis unten links oder Kreis unten rechts erscheinen soll.

Beschriftung
Kategorie: Allgemein → Frontend Stilwechsler
Option: Beschriftung
Hier legst du den Text fest, der in der Lasche angezeigt bzw. beim Kreis als Tooltip eingeblendet wird. Über Mehrsprachigkeit kannst du pro Sprache einen eigenen Text hinterlegen.

Stilwechsler anzeigen
Kategorie: Allgemein → Frontend Stilwechsler
Option: Stilwechsler anzeigen (Standard: aktiviert)
Schaltet die Lasche bzw. den Kreis zum Wechseln des Stils ein oder aus. Deaktiviere diese Option, wenn du nur den Farbschema-Umschalter nutzen möchtest.

Farbschema-Umschalter
Kategorie: Allgemein → Frontend Stilwechsler
Option: Farbschema-Umschalter (Standard: aktiviert)
Zeigt unter der Lasche (links/rechts) den kompakten Umschalter für helles, dunkles oder automatisches Farbschema. Voraussetzungen: Option aktiv und der aktuelle Stil muss Dark Mode unterstützen (hasDarkMode). Bei Kreis-Positionen ist der Farbschema-Umschalter nicht verfügbar.