Dark Mode Support

Blueprint unterstützt automatisch Dark Mode

Automatische Anpassung

Alle Farben passen sich automatisch an den Dark/Light Mode an.

Dark Mode Toggle

Wechsel über Navigation (oben rechts) – Einstellung wird gespeichert.

CSS Variables

Alle Farben über CSS Custom Properties anpassbar.

Was wird angepasst?

  • Hintergrund-Farben
  • Text-Farben
  • Border-Farben
  • Icon-Farben (Footer)
  • Accordion Header
  • Navigation
  • Buttons
  • Links

Test den Dark Mode!

Klicke oben rechts in der Navigation auf das Mond/Sonne Icon und sieh wie sich diese Seite verändert!

Light Mode: Helle Hintergründe, dunkler Text
Dark Mode: Dunkle Hintergründe, heller Text