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

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 1 minute de lecture

    • Découvrez comment utiliser des variables de couleur pour changer le thème des boutons d’affichage de votre 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 Mobile.

    Les variables de couleur suivantes peuvent être utilisées :
    • VariableDeCouleurDeFond
    • BorderColorVariable
    • TextColorVariable

    Pour plus d’informations sur ces attributs, reportez-vous à 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 des boutons

    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 : positive

    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/destructive

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

    maintenant-color_alert--positif-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 destructive.
    Désactivé Exemple de bouton désactivé

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

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