diff --git a/doc/sections.md b/doc/sections.md index 55a54106ab8a37dca0030d773e0a679ac93dc75e..d3ed6cc93d2352b8a314f6f381698b51fa228249 100644 --- a/doc/sections.md +++ b/doc/sections.md @@ -185,3 +185,16 @@ Un Composant peut avoir sa propre feuille de style CSS. Nous donnons le même no Un composant peut également utiliser la feuille de style générale `custom.css`. Ce fichier regroupe les attributs de styles standard commun à tous le site. Chaque feuille de style que l'on souhaite utiliser doit être importé dans le Composant. + +## Infima pour les variables de style + +**Docusaurus** utilise [Infima](https://infima.dev/) pour générer du style intelligent : c'est un Framework de style. + +Notre site utilise les styles d'**Infima** par défaut. Nous pouvons rappeler ces variables ou bien les remplacer. De plus, à noter que le **dark mode** est facilement géré dans notre CSS. +```css +html[data-theme='dark'] .menu__link { + color: var(--ifm-color-tonic-one); +} +``` + +Pour les couleurs, **Infima** utilise un nuancier sur [Colorbox](https://colorbox.io/). \ No newline at end of file