DocsThème
Couleurs d'accentuation
Paramètre | Description |
|---|---|
Accentuation 1 | Couleur pour les éléments importants, tels que l'élément de navigation actuel dans n'importe quelle navigation, enregistrer les boutons dans les boîtes de dialogue ou l'icône du tiroir du widget en mode édition. |
Accentuation 2 | Couleur pour les éléments exploitables 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 filtres). |
Couleurs d'état
Paramètre | Description |
|---|---|
D'accord | Couleur des objets à l'état OK . Pour plus d'informations, consultez la documentation Engine . |
Warning | Couleur des objets dans l'état Warning . Pour plus d'informations, consultez la documentation Engine . |
Minor | Couleur des objets à l'état Minor . Pour plus d'informations, consultez la documentation Engine . |
Major | Couleur des objets dans l'état Major . Pour plus d'informations, consultez la documentation Engine . |
Entretien | Couleur des objets en état Maintenance. Pour plus d'informations, consultez la documentation Engine . |
No Data | Couleur des objets dans l'état No Data . Pour plus d'informations, consultez la documentation Engine . |
Undefined | Couleur des objets dans l'état Undefined . Pour plus d'informations, consultez la documentation Engine . |
Couleurs de l'interface utilisateur
Paramètre | Description |
|---|---|
Texte | Couleur pour la plupart des textes. |
Teinte de fond | Couleur du fond du tableau de bord. Cette couleur est utilisée pour dériver la plupart des couleurs qui composent l'interface utilisateur générale, |
Utilisation des couleurs de thème dans le CSS personnalisé
Toutes les couleurs définies dans la section thème (et de nombreuses couleurs intermédiaires) sont disponibles pour être utilisées dans CSS via des propriétés personnalisées. Utilisez ces valeurs à l'aide de 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