improvement: plus d'info customisation

This commit is contained in:
Kazhnuz 2024-09-29 16:15:43 +02:00
parent b6ca9590e1
commit 46f510dab3

View file

@ -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