📘 SSC-Handbuch

Design & Dark Mode

SSC nutzt moderne Webtechnologien, um ein schnelles und anpassbares Design zu bieten.

Tailwind CSS v4

Das gesamte Admin-UI und das Standard-Theme basieren auf Tailwind CSS v4. Das bedeutet für dich:

• Kein unnötiger Ballast: Nur das CSS, das du wirklich brauchst, wird ausgeliefert.
• Modernste Utilities: Nutze alle Vorteile von Tailwind direkt in deinen Layouts.

Integrierter Dark Mode

SSC unterstützt den Dark Mode "out-of-the-box". Die Umschaltung erfolgt automatisch basierend auf den Systemeinstellungen deines Betriebssystems (prefers-color-scheme: dark).

CSS-Variablen

Das Standard-Theme nutzt CSS-Variablen für Farben und Abstände. Du kannst diese in der theme/styles/main.scss anpassen, um das Aussehen deiner Seite global zu verändern:

:root {
  --accent: #0284c7;   /* Hauptfarbe */
  --ink: #0f172a;      /* Textfarbe */
  --bg: #ffffff;       /* Hintergrund */
}

Offline-Fähigkeit

Ein besonderer Fokus von SSC liegt auf der Unabhängigkeit. Alle Design-Ressourcen (Fonts, CSS-Frameworks) werden lokal vom Server ausgeliefert. Es werden keine externen CDNs benötigt, was die Seite:

1. Schneller macht (keine DNS-Lookups zu Drittanbietern).
2. Datenschutzfreundlicher macht.
3. Ausfallsicherer macht.