DocumentationThème
Couleurs de l'interface utilisateur
Paramètres | Description |
|---|---|
Texte | Couleur pour la plupart des textes. |
Teinte d'arrière-plan | Couleur d'arrière-plan du tableau de bord. Cette couleur est utilisée pour dériver la plupart des couleurs qui composent l'interface utilisateur générale. |
Accent 1 | Couleur des éléments importants, tels que l'élément de navigation actuel dans n'importe quelle navigation, les boutons d'enregistrement dans les boîtes de dialogue ou l'icône du tiroir de widgets en mode édition. |
Accent 2 | Couleur des éléments moins importants, tels que les bulles d'aide et de description ou les actions mineures dans les widgets (comme « réinitialiser le filtre » dans la matrice de filtrage). |
Couleurs d'état
Paramètre | Description |
|---|---|
OK | Couleur pour les objets dans l'état OK. Pour plus d'informations, consultez la documentation de l'Engine. |
Warning | Couleur pour les objets en état Warning. Pour plus d'informations, consultez la documentation de l'Engine. |
Minor | Couleur pour les objets dans l'état Minor. Pour plus d'informations, consultez la documentation de l'Engine. |
Major | Couleur pour les objets en état Major. Pour plus d'informations, consultez la documentation de l'Engine. |
Maintenance | Couleur pour les objets en état Maintenance. Pour plus d'informations, consultez la documentation de l'Engine. |
No Data | Couleur attribuée aux objets dans l'état « No Data ». Pour plus d'informations, consultez la documentation de l'Engine. |
Undefined | Couleur pour les objets dans l'état Undefined. Pour plus d'informations, consultez la documentation de l'Engine. |
Utilisation des couleurs du thème dans le CSS personnalisé
Toutes les couleurs définies dans la section thème (et de nombreuses couleurs intermédiaires) peuvent être utilisées dans le CSS via des propriétés personnalisées. Utilisez ces valeurs en utilisant la syntaxe var(--custom-name).
--color-min --color-max --color-background --color-background-dim --color-area --color-area-accent-1 --color-area-accent-2 --color-area-major --color-area-dim --color-area-dim-accent-1 --color-area-dim-accent-2 --color-area-dim-major --color-area-dimmer --color-line --color-line-dim --color-line-dimmer --color-text --color-text-ui --color-text-dim --color-text-accent-1 --color-text-accent-2 --color-text-ok --color-text-warning --color-text-minor --color-text-major