🎨 Couleurs

Utilisez des classes de couleur simples pour donner du sens à vos éléments. Elles permettent aussi de styliser les liens et leurs effets au survol.

Comment elles fonctionnent

Les classes de couleur d’Orochi sont basées sur une palette cohérente définie avec des variables CSS. Elles permettent de changer la couleur du texte ou d’un lien sans écrire de règle personnalisée. Chaque teinte (.o-text-primary, .o-text-success, etc.) correspond à une variable CSS qui s’adapte automatiquement au mode clair ou sombre, garantissant un contraste optimal.

Couleurs

Les classes de couleur de texte d’Orochi offrent un moyen rapide et cohérent d’appliquer vos teintes principales sans écrire de CSS. Chaque couleur correspond à la palette du framework et peut être utilisée pour le texte, les icônes ou les liens. Ces classes s’adaptent automatiquement au thème clair ou sombre pour garantir une bonne lisibilité.

.o-text-primary

.o-text-secondary

.o-text-success

.o-text-danger

.o-text-warning

.o-text-info

.o-text-light

.o-text-dark

.o-text-white

<p class="o-text-primary">.o-text-primary</p>
<p class="o-text-secondary">.o-text-secondary</p>
<p class="o-text-success">.o-text-success</p>
<p class="o-text-danger">.o-text-danger</p>
<p class="o-text-warning">.o-text-warning</p>
<p class="o-text-info">.o-text-info</p>
<p class="o-text-light">.o-text-light</p>
<p class="o-text-dark">.o-text-dark</p>
<p class="o-text-black">.o-text-black</p>
<p class="o-text-white">.o-text-white</p>
💡 Personnalisation 
:root {
--o-text-primary:#votre_couleur;
--o-text-secondary:#votre_couleur;
--o-text-success:#votre_couleur;
--o-text-danger:#votre_couleur;
--o-text-warning:#votre_couleur;
--o-text-info:#votre_couleur;
--o-text-light:#votre_couleur;
--o-text-dark:#votre_couleur;
--o-text-black:#votre_couleur;
--o-text-white:#votre_couleur;
}