Example page

Cette page d'exemple importe le composant React ColorGenerator.

Vous pouvez l'utiliser pour générer un jeu de couleurs pour votre site.

astuce

Pour garantir la lisibilité, essayez d'utiliser au moins Rapport de contraste WCAG-AA pour la couleur primaire. Utilisez le site web DocStatic lui-même pour prévisualiser l'apparence de votre palette de couleurs. Vous pouvez utiliser d'autres palettes en mode sombre, car une même couleur ne fonctionne généralement pas à la fois en mode clair et en mode sombre.

Couleur primaire :

Contexte:

Nom de la variable CSS	Hex	Ajustement	Taux de contraste
`--ifm-color-primary-lightest`	`#007aef`		Fail 🔴
`--ifm-color-primary-lighter`	`#006cd4`		AA 👍
`--ifm-color-primary-light`	`#0067ca`		AA 👍
`--ifm-color-primary`	`#005eb8`	0	AA 👍
`--ifm-color-primary-dark`	`#0055a6`		AAA 🏅
`--ifm-color-primary-darker`	`#00509c`		AAA 🏅
`--ifm-color-primary-darkest`	`#004281`		AAA 🏅

Remplacez les variables de src/css/custom.css par ces nouvelles variables.

/src/css/custom.css
:root {
  --ifm-color-primary: #005eb8;
  --ifm-color-primary-dark: #0055a6;
  --ifm-color-primary-darker: #00509c;
  --ifm-color-primary-darkest: #004281;
  --ifm-color-primary-light: #0067ca;
  --ifm-color-primary-lighter: #006cd4;
  --ifm-color-primary-lightest: #007aef;
}