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