Thème

Vous pouvez créer très simplement votre thème pour BotFrame grâce aux classes prévues à cet effet.

Créez votre thème

Pour créer un thème, dupliquez le fichier theme.css et renommez-le comme vous le désirez.

Ancrez-vous sur le conteneur principal #botframe pour styliser facilement.

Si vous voulez modifier l'apparence des bulles de conversation pour human, vous avez la classe .human-message. Ancrez-vous sur la div pour changer son apparence et sa couleur.

La stylisation des bulles de conversation pour bot se fait de la même façon que pour human. Vous devez vous ancrer sur la classe .bot-message>div.

Les champs de textes peuvent êtres stylisés grâce à la classe .input.

Vous pouvez également modifier l'apparence des boutons d'actions en utilisant .action-button

Pour finir, les champs dropdown peuvent être modifiés facilement grâce à la classe .dropdown.

Vous pouvez télécharger un nouveau thème avec une nouvelle animation d'apparition pour les bulles de conversation et des couleurs material bleue et verte.

Télécharger le thème material