Wie kann ich mir ein eigenes Theme anlegen?

[deleonio]

Eigene Themes

Motivation

Die Komponenten von KoliBri sind technisch so designt, dass Sie eine barrierefreie Komponent-Konstruktion bieten, auf dessen Basis eigene Themes (CSS) angewendet werden kann. In diesem Thread zeigen wir wie das geht und es kann mitdiskutiert werden.

Neues Theme

Theme-Projekt anlegen

Hierzu bieten wir ein Template in der KoliBri-CLI an.

1. Konsole: npm init kolibri@latest my-theme eingeben
2. Template: kolibri-theme auswählen

...

[deleonio]

Hier ist ein kleines Beispiel, wie es möglich ist, ein eigenes Theme direkt in eine React-App zu integrieren.

Link: https://stackblitz.com (bearbeitet)

[deleonio]

Today we publish a short video tutorial for integrate KoliBri and create a custom theme inside your React app.

Link: https://youtu.be/OhtVUP_2zRo?si=wWENGrHhpMncb9dZ