Ein Mercury-Theme ermöglicht es, das Layout der Inhaltselemente exakt an die Anforderungen Ihres Projekts anzupassen. Mit Vite als Grundlage des Entwicklungs-Workflows wird die Theme-Erstellung schnell und effizient.
Dev Blog:Eigenes Theme für das Mercury-Template erstellen
Datum:
25. Februar 2026
Anstatt zusätzliches CSS über bestehende Styles zu legen, ersetzt ein Theme das Standard-Styling auf kontrollierte und wartbare Weise. Farben, Typografie und Komponenten-Styles werden zentral über SCSS-Variablen und Mixins verwaltet, statt über viele einzelne CSS-Regeln verteilt zu sein.
In der Praxis bedeutet das, dass eine Farb- oder Schriftänderung an einer zentralen Stelle erfolgt, nicht in Dutzenden von Override-Regeln.
Dieser Blogbeitrag führt Sie durch die Erstellung Ihres eigenen Theme CSS und dessen Einbindung als OpenCms-Modul. Dank der sofortigen Live-Vorschau von Vite wird die Überarbeitung Ihres Layouts schneller und effizienter denn je.