From 491db95ad9d83761cc3d97302de3d0f86a4f51db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julie=20Th=C3=A9z=C3=A9nas?= <julie@lydra.fr>
Date: Wed, 4 May 2022 16:17:06 +0200
Subject: [PATCH] feat: add infima text on readme

---
 doc/sections.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/doc/sections.md b/doc/sections.md
index 55a5410..d3ed6cc 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
-- 
GitLab