Utilitaires de couleur - Système de design

Classes utilitaires de couleur de texte

Usage : default

Family : neutral

fr-text-default--grey

Family : system

fr-text-default--info

fr-text-default--success

fr-text-default--warning

fr-text-default--error

Usage : title

Family : neutral

fr-text-title--grey

Family : primary

fr-text-title--blue-france

fr-text-title--red-marianne

Usage : label

Family : neutral

fr-text-label--grey

Family : primary

fr-text-label--blue-france

fr-text-label--red-marianne

Family : accent

fr-text-label--green-tilleul-verveine

fr-text-label--green-bourgeon

fr-text-label--green-emeraude

fr-text-label--green-menthe

fr-text-label--green-archipel

fr-text-label--blue-ecume

fr-text-label--blue-cumulus

fr-text-label--purple-glycine

fr-text-label--pink-macaron

fr-text-label--pink-tuile

fr-text-label--yellow-tournesol

fr-text-label--yellow-moutarde

fr-text-label--orange-terre-battue

fr-text-label--brown-cafe-creme

fr-text-label--brown-caramel

fr-text-label--brown-opera

fr-text-label--beige-gris-galet

Usage : mention

Family : neutral

fr-text-mention--grey

Usage : inverted

Family : neutral

fr-text-inverted--grey

Family : primary

fr-text-inverted--blue-france

fr-text-inverted--red-marianne

Family : accent

fr-text-inverted--green-tilleul-verveine

fr-text-inverted--green-bourgeon

fr-text-inverted--green-emeraude

fr-text-inverted--green-menthe

fr-text-inverted--green-archipel

fr-text-inverted--blue-ecume

fr-text-inverted--blue-cumulus

fr-text-inverted--purple-glycine

fr-text-inverted--pink-macaron

fr-text-inverted--pink-tuile

fr-text-inverted--yellow-tournesol

fr-text-inverted--yellow-moutarde

fr-text-inverted--orange-terre-battue

fr-text-inverted--brown-cafe-creme

fr-text-inverted--brown-caramel

fr-text-inverted--brown-opera

fr-text-inverted--beige-gris-galet

Family : system

fr-text-inverted--info

fr-text-inverted--success

fr-text-inverted--warning

fr-text-inverted--error

Usage : action-high

Family : neutral

fr-text-action-high--grey

Family : primary

fr-text-action-high--blue-france

fr-text-action-high--red-marianne

Family : accent

fr-text-action-high--green-tilleul-verveine

fr-text-action-high--green-bourgeon

fr-text-action-high--green-emeraude

fr-text-action-high--green-menthe

fr-text-action-high--green-archipel

fr-text-action-high--blue-ecume

fr-text-action-high--blue-cumulus

fr-text-action-high--purple-glycine

fr-text-action-high--pink-macaron

fr-text-action-high--pink-tuile

fr-text-action-high--yellow-tournesol

fr-text-action-high--yellow-moutarde

fr-text-action-high--orange-terre-battue

fr-text-action-high--brown-cafe-creme

fr-text-action-high--brown-caramel

fr-text-action-high--brown-opera

fr-text-action-high--beige-gris-galet

Utilitaires de couleur (colors)

Classes utilitaires de couleur de texte

Usage : default

Family : neutral

Family : system

Usage : title

Family : neutral

Family : primary

Usage : label

Family : neutral

Family : primary

Family : accent

Usage : mention

Family : neutral

Usage : inverted

Family : neutral

Family : primary

Family : accent

Family : system

Usage : action-high

Family : neutral

Family : primary

Family : accent