IB : extension du thème
Le module Interactive Book est sans doute le meilleur "agrégateur" H5P, intégrant de nombreux modules. Je l'utilisais souvent pour concevoir des livrets d'activités pour mes élèves. Cependant, je trouvais que l'ensemble manquait de cohérence graphique. Pour plus d'uniformité, j'ai fait en sorte que le thème sélectionné dans les paramètres d'Interactive Book se diffuse à tous les contenus intégrés :
J'ai modifié la CSS de tous les modules H5P intégrés dans Interactive Book en ajoutant les variations de couleurs issues de la CSS d'Interactive Book :
Voici un aperçu de la CSS modifiée du module Essay dans laquelle j'ai inséré les variables de couleur pour qu'elles s'adaptent en fonction du thème :
Avec ces modifications, les boutons, champs de formulaire, titres et textes de feedback des modules intégrés dans Interactive Book adoptent le même thème que celui que j'ai sélectionné pour Interactive Book. Cela donne une grande cohérence à l'ensemble.
Démo 1
Ce contenu de démonstration montre le résultat obtenu en précisant, pour chaque module intégré, les modifications de CSS que j'ai apportées.
Démo 2
Voici le même contenu que ci-dessus, mais avec une autre dominante de couleur sélectionnée dans les paramètres de configuration :
