Les couleurs

Il est possible de changer certaines couleurs en utilisant des classes utilisateurs dans le cloud.

Identifions les ensemble :

• aColor : la couleur “action” des boutons scan, next, play, start…
• pColor : la couleur “principale”, utilisée sur le footer de la questHome, sur le speaker des scènes et à beaucoup d’autres endroits. Cette couleur est déclinée en 3 versions : pColor, pColorDark et pColorLight.

Pour changer ces couleurs il suffit alors de modifier ces paramètres dans votre feuille CSS.

Par exemple, pour changer la couleur “action” il faut ajouter :

.aColor{

   background-color: rgb(0, 255, 0);

}

(Vous pouvez trouver les valeurs RGB souhaitées sur ce site par exemple : Colors HEX - W3Schools)

Pour aller plus loin...

D’autres classes permettent de cibler des éléments précis utilisant les couleurs du thème :

• pColorBorder : les éléments avec un liseré de couleur pColor (userInput et playerNameSetup).
• pColorSelectableItem : Pour changer la couleur des éléments sélectionnables (items de QCM) - Attention pensez à définir une couleur pour les états :active et .selected.
• pColorClickableItem : Pour changer la couleur des éléments cliquables (touches du digicode lorsque :active).
• aColorText , pColorText , pColorDarkText : Pour changer la couleur des textes utilisant les couleurs du thème.