Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit e3c6aa78 authored by Christophe Chaudier's avatar Christophe Chaudier :rocket:
Browse files

fix: split theme doc

parent 11d0d949
No related branches found
No related tags found
1 merge request!49Resolve "doc: add infima on readme"
Pipeline #5077 passed
...@@ -40,6 +40,10 @@ If you are using GitHub pages for hosting, this command is a convenient way to b ...@@ -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). [Follow this doc](doc/sections.md).
## Update the theme
[Follow this doc](doc/theme.md).
## Three structure ## Three structure
``` ```
...@@ -56,8 +60,7 @@ If you are using GitHub pages for hosting, this command is a convenient way to b ...@@ -56,8 +60,7 @@ If you are using GitHub pages for hosting, this command is a convenient way to b
│ ├── css // global CSS │ ├── css // global CSS
│ └── pages // pages Components │ └── pages // pages Components
├── static // static directory ├── static // static directory
│ └── img // images folder └── img // images folder
``` ```
More details on Project structure: More details on Project structure:
......
...@@ -185,16 +185,3 @@ Un Composant peut avoir sa propre feuille de style CSS. Nous donnons le même no ...@@ -185,16 +185,3 @@ 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. 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. Chaque feuille de style que l'on souhaite utiliser doit être importé dans le Composant.
## 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/).
\ No newline at end of file
# 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/).
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment