🗜️ CSS

Vous pouvez utiliser le bloc CSS pour personnaliser l'apparence de votre application avec un compte Pro ou supérieur.

Classes CSS du Player:

1) #root

2) #chatbot-container (gère le background et la position du player)

3) #chatbot-player

4) #chatbot-active-character (personnage qui parle en mode big picture)

5) #chatbot-background (l'image de fond)

6) #chatbot-overlay (switch background: fade in / fade out)

7) #chatbot-dialogue-text (dans la border image)

#chatbot-display (pas dans le feed)

9) #chatbot-feed (liste des messages)

A. #chatbot-waiting-button (dans #chatbot-feed)

B. #chatbot-feed-events (dans #chatbot-feed)

a. #chatbot-alert (dans #chatbot-feed-events)

b. #chatbot-choices (dans #chatbot-feed-events)
#chatbot-choice (dans #chatbot-choices)

c. #chatbot-image (dans #chatbot-feed-events)

d. #chatbot-narrator (dans #chatbot-feed-events)
e. #chatbot-switchBackground (text en bas à droite) (dans #chatbot-feed-events)

f. #chatbot-dialogue (dans #chatbot-feed-events)
#left (#chatbot-dialogue)
#right (#chatbot-dialogue)
#${characterNameToCamelCase} (#chatbot-dialogue)

Mis à jour le : 14/04/2025