CSS-Dokumentation

Nutzung von Bootstrap

Wir haben uns bei der Entwicklung für den Einsatz der aktuellen Version von Bootstrap entschieden. Der Vorteil von Bootstrap liegt darin, dass es als Frontend-Framework bereits umfangreiche Funktionalitäten bereitstellt und durch vorgefertigte Klassen die einfache Umsetzung eines responsiven Designs ermöglicht.

Light/Dark Mode

Für die Umsetzung von einem Light/Dark Mode haben wir die data-* Attribute genutzt. Insbesondere haben wir das Bootstrap eigene Attribut data-bs-theme genutzt, um die Steuerung der verschiedenen Modi zu kontrollieren.

Hierfür haben wir in den eigenen CSS-Styles die entsprechenden Attribute genutzt, um unter anderem die Sonne- und Mond-Icons entsprechend des aktuell genutzten Modus darzustellen (Farbänderung, Ein- bzw. Ausblenden)