diff --git a/README.md b/README.md index e222feb2caada186a9056f80b576d6035609810e..6a1682520f933b5d7dbe8285cf178892df31b498 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 0000000000000000000000000000000000000000..3365ca5fcfce9fc47e92988619c77ec343e0b26d --- /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/).