From 46f510dab3cfa9994c3406385ac2e067e42a96c1 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sun, 29 Sep 2024 16:15:43 +0200 Subject: [PATCH] improvement: plus d'info customisation --- README.md | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 21a2582..a36d489 100644 --- a/README.md +++ b/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 : ```css +:root { --accent-color-dark: #1971c2; --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). -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