Hexa PAGE - Classes - Couleurs

Les classes CSS obligent à proposer une collection finie de couleur. Par défaut, les couleurs prédéfinies correspondent à celles de Bootstrap.

Le texte

<p><span class="hx-text-primary">Texte coloré en bleu</span> et <span class="hx-text-color3">celui-ci dans la couleur 3 de la charte graphique</span></p>

• hx-text-primary
    Couleur primaire
• hx-text-secondary
    Couleur secondaire
• hx-text-success
   Couleur indiquant un succès
• hx-text-danger
    Couleur indiquant un danger ou une erreur
• hx-text-warning
    Couleur d'avertissement
• hx-text-info
    Couleur d'information
• hx-text-light
    Couleur claire
• hx-text-dark
    Couleur sombre
• hx-text-white
    Couleur blanche
• hx-text-black
    Couleur noire

Cette collection peut être complétée avec six couleurs provenant par exemple d'une charte graphique (celle de ce site dans ce cas).

• hx-text-color1 
    Couleur n°1
• hx-text-color2 
    Couleur n°2
• hx-text-color3 
    Couleur n°3
• hx-text-color4 
    Couleur n°4
• hx-text-color5 
    Couleur n°5
• hx-text-colorbg 
    Couleur de fond d'écran

L'arrière-plan

<p>
<span class="hx-background-primary">Texte sur fond bleu</span>
 et 
<span class="hx-background-color3">Texte sur fond correspondant à la couleur 3 de la charte graphique de ce site</span>
</p>

• hx-background-primary
    Couleur primaire
• hx-background-secondary
    Couleur secondaire
• hx-background-success
   Couleur indiquant un succès
• hx-background-danger
    Couleur indiquant un danger ou une erreur
• hx-background-warning
    Couleur d'avertissement
• hx-background-info
    Couleur d'information
• hx-background-light
    Couleur claire
• hx-background-dark
    Couleur sombre
• hx-background-white
    Couleur blanche
• hx-background-black
    Couleur noire

Cette collection peut être complétée avec six couleurs provenant par exemple d'une charte graphique (celle de ce site dans ce cas).

• hx-background-color1 
    Couleur n°1
• hx-background-color2 
    Couleur n°2
• hx-background-color3 
    Couleur n°3
• hx-background-color4 
    Couleur n°4
• hx-background-color5 
    Couleur n°5
• hx-background-colorbg 
    Couleur de fond d'écran