Prise en charge des variables de couleur pour les boutons d’affichage de carte

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 1 minute de lecture

    • Découvrez comment utiliser des variables de couleur pour modifier le thème dans les boutons de vue de carte mobile.

    Utilisez des variables de couleur dans les attributs d’élément de modèle de carte pour contrôler les valeurs de couleur des boutons d’icône sur vos cartes de mobile.

    Les variables de couleur suivantes peuvent être utilisées :
    • Variable de couleur d’arrière-plan
    • BorderColorVariable
    • TextColorVariable

    Pour plus d’informations sur ces attributs, reportez-vous à la section Attributs d'élément de modèle de carte.

    		 Variable de couleur utilisée dans un élément de modèle de vue de carte

    Guide de style du bouton

    Couleur Exemple Variables
    Primaire Exemple de bouton primaire
    Arrière-plan

    Variable mobile : primaire

    Variable Web : now-color--primary-1

    Texte

    Variable mobile : texte actionnable

    Variable Web : now-color_text--primary-actionable
    Secondaire Exemple de bouton secondaire
    Arrière-plan

    Variable mobile : arrière-plan primaire

    Variable Web : now-color_background--primary

    Texte

    Variable mobile : primaire

    Variable Web : now-color--primary-1

    Bordure (2px)

    Variable mobile : primaire

    Variable Web : now-color--primary-1
    Positif Exemple de bouton positif
    Arrière-plan

    Variable mobile : positif

    Variable Web : now-color_alert--positive-3

    Texte

    Variable mobile : texte actionnable

    Variable Web : now-color_text--primary-actionable
    Destructif Exemple de bouton destructeur
    Arrière-plan

    Variable mobile : destructrice

    Variable Web : now-color_alert--critical-3

    Texte

    Variable mobile : texte actionnable

    Variable Web : now-color_text--primary-actionable
    Nu Exemple de bouton nu
    Arrière-plan

    Variable mobile : primaire/positive/destructrice

    Variable Web : now-color--primary-1/

    now-color_alert--positive-3/

    now-color_alert--critical-3

    Texte

    Variable mobile : texte actionnable

    Variable Web : now-color_text--primary-actionable

    Remarque :
    Ce bouton peut être configuré avec une couleur primaire, positive ou destructrice.
    Désactivé Exemple de bouton désactivé

    Utilisez ce style lorsque l’action n’est pas disponible en mode hors connexion.

    Peut être utilisé avec tous les styles : primaire, secondaire, texte/icône.