improvement: plus d'info customisation
This commit is contained in:
parent
b6ca9590e1
commit
46f510dab3
1 changed files with 25 additions and 1 deletions
26
README.md
26
README.md
|
@ -30,13 +30,37 @@ L'idée est de pouvoir générer simplement un blog ou un site simple pour les g
|
||||||
La couleur d'accents se customise en modifiant deux variables :
|
La couleur d'accents se customise en modifiant deux variables :
|
||||||
|
|
||||||
```css
|
```css
|
||||||
|
:root {
|
||||||
--accent-color-dark: #1971c2;
|
--accent-color-dark: #1971c2;
|
||||||
--accent-color-light: #d0ebff;
|
--accent-color-light: #d0ebff;
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
La première détermine la couleur d'accent sombre (donc écrite sur fond clair, et en fond sur fond sombre), et la seconde celle d'accent clair (du coup l'inverse de la sombre : écrite sur fond sombre, et en fond sur fond clair).
|
La première détermine la couleur d'accent sombre (donc écrite sur fond clair, et en fond sur fond sombre), et la seconde celle d'accent clair (du coup l'inverse de la sombre : écrite sur fond sombre, et en fond sur fond clair).
|
||||||
|
|
||||||
Toute la palette peut également être customisé avec les variables css.
|
Toute la palette peut également être customisé avec les variables css, de la manière suivante :
|
||||||
|
|
||||||
|
```css
|
||||||
|
:root {
|
||||||
|
--text-color: #212529;
|
||||||
|
--border-color: rgba(0,0,0,0.1);
|
||||||
|
--hover-color: rgba(0,0,0,0.05);
|
||||||
|
|
||||||
|
--background-color: #f8f9fa;
|
||||||
|
--well-color: #e9ecef;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--text-color: #e9ecef;
|
||||||
|
--background-color: #212529;
|
||||||
|
--well-color: #343a40;
|
||||||
|
|
||||||
|
--border-color: rgba(255,255,255,0.2);
|
||||||
|
--hover-color: rgba(255,255,255,0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
## Crédits
|
## Crédits
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue