Liste des Documents
Sur Cette Page
Tue Oct 01 2024

Thèmes / White labeling

Paramètres du thème

Sur la page de configuration du thème, vous pouvez personnaliser l’apparence de votre environnement. Modifiez les images d’arrière-plan, ajoutez des logos et ajustez des éléments comme les couleurs et la typo pour refléter votre style. Adaptez l’interface utilisateur à votre entreprise pour une expérience cohérente sur toute la plateforme. Les paramètres sont divisés en 3 sections principales : Branding, Couleurs générales et Couleurs du modèle.

  • Branding : Personnalisez les éléments visuels clés comme les fonds d’en-tête, logos et miniatures pour une identité uniforme sur la plateforme.
  • Couleurs générales : Définissez toutes les couleurs de l’application pour les modes clair et sombre, offrant deux jeux de thèmes adaptés à chaque environnement.
  • Couleurs du modèle : Paramétrez les couleurs des attributs de modélisation, pratique pour distinguer vos modèles du reste de l’app.
  • Couleurs Dataset : Personnalisez les couleurs des attributs Dataset pour différencier vos ensembles de données.
  • Couleurs Chart : Personnalisez les couleurs utilisées dans les charts pour un rendu distinct des autres éléments de l’application.

Marquez votre environnement

Ici, vous pouvez personnaliser les éléments visuels clés de votre environnement, y compris les arrière-plans des en-têtes, les logos et les vignettes. Cela vous permet de créer une identité de marque cohérente sur la plateforme. Que vous mettiez à jour le logo de votre entreprise ou définissiez un arrière-plan personnalisé, ces outils vous aident à affiner l’apparence de votre application.

Personnalisez votre thème avec des éléments de marque

info

Toujours prévisualiser et tester vos sélections d’images pour vous assurer qu’elles correspondent à votre thème général et offrent une expérience utilisateur fluide.

Couleurs générales de l’application

Personnalisez les couleurs de l’application pour les modes Clair et Sombre, vous offrant effectivement deux réglages de thème complets pour chaque environnement. Assurez-vous de tester soigneusement vos modifications pour garantir un bon contraste entre le texte et les arrière-plans pour une lisibilité optimale et une bonne expérience utilisateur. Avec cette flexibilité, vous pouvez entièrement adapter l’apparence de votre plateforme à l’identité de votre marque à travers différents modes.

Personnalisez votre thème

Couleurs du modèle de process

Personnalisez les couleurs des objets de modélisation et du canvas pour les modes clair et sombre afin d’obtenir deux styles complets pour chaque environnement. Pensez à vérifier le contraste texte/fond pour une lisibilité optimale et une bonne expérience utilisateur. Cette flexibilité vous permet d’ajuster l’apparence de la plateforme selon votre identité visuelle, en clair ou sombre.

Personnalisez votre thème

Couleurs Dataset

Personnalisez les couleurs des objets Dataset et du canvas en mode clair et sombre. Pratique si vous ajoutez plusieurs Dataset dans vos modèles, pour différencier chaque dataset dans vos process. Les couleurs Dataset servent à distinguer visuellement les attributs liés à des data actives. Les couleurs ci-dessus sont appliquées par défaut aux attributs sans data. Les noms peuvent aussi être adaptés à votre terminologie.

Personnalisez votre thème

Couleurs Chart

Personnalisez les couleurs des objets Chart pour les modes clair et sombre. Par exemple, cela sert dans les paramètres Norm des charts Gauge pour indiquer les zones bonnes, prudence ou alerte. Vous pouvez aussi renommer les couleurs selon votre vocabulaire.

Personnalisez votre thème

Couleurs Dataset

Les attributs ayant des data adoptent automatiquement la couleur Dataset définie dans le modeler. Cela aide à distinguer les attributs ayant des liaisons data actives. Les couleurs ci-dessus sont celles utilisées par défaut pour les attributs sans data.

Aides visuelles

image Si vous avez apporté des modifications au thème, l’arrière-plan de la couleur indiquera que des modifications ont été apportées à cet attribut spécifique.

image Pour changer une couleur, cliquez sur un cercle coloré pour le thème choisi (Clair ou Sombre). Un sélecteur de couleur apparaît, vous permettant de choisir une teinte ou de saisir une valeur HEX / RGB / HSL. Si vous ne connaissez pas les valeurs des couleurs, utilisez l‘“Icône Pipette” pour sélectionner une couleur n’importe où sur l’écran. Les mises à jour sont immédiates.

Exemple d’un thème

Découvrez différentes façons de transformer le thème de votre application. Ici, le thème original a été personnalisé pour mettre en valeur des variations bleues et vertes.

À partir de l’Original

image

Vers Bleu

Les changements effectués incluent la Couleur du Texte, la Couleur du Corps, la couleur du Panneau (clair), l’image du Logo, le Texte du Logo et l’arrière-plan de l’En-tête.

image

Vers Vert Matrix

”Le choix. Le problème, c’est le choix” – Neo (The Matrix Reloaded)

image

Couleurs des modèles de processus

Ajustez les couleurs des attributs de modélisation pour qu’ils diffèrent du reste de l’application. Cela assure une apparence distinctive pour vos modèles.

image