From 551dbbe5fa409a7eb39c55fe6995075a62930dcb Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie@lydra.fr>
Date: Wed, 4 May 2022 14:33:25 +0000
Subject: [PATCH] feat: add infima text on readme

---
 README.md    |  7 +++++--
 doc/theme.md | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 doc/theme.md

diff --git a/README.md b/README.md
index e222feb..6a16825 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,10 @@ If you are using GitHub pages for hosting, this command is a convenient way to b
 
 [Follow this doc](doc/sections.md).
 
+## Update the theme
+
+[Follow this doc](doc/theme.md).
+
 ## Three structure
 
 ```
@@ -56,8 +60,7 @@ If you are using GitHub pages for hosting, this command is a convenient way to b
 │   ├── css                  // global CSS
 │   └── pages                // pages Components
 ├── static                   // static directory
-│   └── img                  // images folder
-│ 
+    └── img                  // images folder
 ```
 
 More details on Project structure:
diff --git a/doc/theme.md b/doc/theme.md
new file mode 100644
index 0000000..3365ca5
--- /dev/null
+++ b/doc/theme.md
@@ -0,0 +1,15 @@
+# Theme dans Docusaurus
+
+## Infima pour le 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/).
-- 
GitLab