{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"settings": {
"spacing": {
"spacingScale": {
"operator": "+",
"increment": 0.25,
"steps": 7,
"mediumStep": 1,
"unit": "rem"
}
}
}
}
Notes about WordPress Gutenberg themes development.
.htaccess (1) ACF (6) admin (1) ajax (2) API interactivity (1) block (18) block_style (2) colors (2) constante (1) context (1) conventions (2) cron (1) css (5) custom post type (1) data (1) debug (2) define (1) file_API (1) functions.php (5) git (4) hook (7) i18n (2) js (2) layout (1) loop (1) media (1) media library (1) menu (2) navigation (1) patterns (1) performance (2) post (1) query (3) readmore (1) responsive (1) rest api (1) security (7) spacing (1) sql (1) svg (1) taxonomy (1) theme (1) theme.json (11) typo (2) URL (1) wp-config.php (6) wp cli (3) wp function (7)
-
-
Colors conventions
Read more
Couleurs primaires
Construites à partir des deux / trois grandes couleurs de la marque, elles sont utilisées pour marquer l’identité dans des composants qui véhiculent l’image de la marque ou sur lesquels il est nécessaire d’attirer l’attention de l’utilisateur, tels que les éléments cliquables ou les états actifs.
Couleurs système
Couleurs utilisées exclusivement pour représenter des états et des statuts.
Couleurs neutres
Couleurs de base utilisées dans les typographies, fonds, contours et séparateurs dans la majorité des composants. Elles sont notamment utilisées dans les éléments non cliquables et pour représenter les états inactifs.
Couleurs illustratives
Couleurs complémentaires de la charte.
–variations
lightness
from 0 (white) to 1000 (black)
state
–hover
–activeExamples:
// couleurs primaires primary : primary--525 primary--100 primary--200 ... secondary tertiary // couleurs neutres neutral neutral--100 : #fff ... neutral--1000 : #000 // couleurs système info success warning error text : neutral--100 text-inverted : neutral--1000 background : neutral--950 // already outdated accent ? highlight ? base ? -> background contrast ? -> main text color
- https://github.com/WordPress/gutenberg/issues/29568
- https://richtabor.com/standardizing-theme-json-colors/
- https://www.systeme-de-design.gouv.fr/a-propos/articles/refonte-du-systeme-de-couleur/
- https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/couleurs-palette/
- https://spectrum.adobe.com/page/color-system/
- https://bootcamp.uxdesign.cc/simple-design-tokens-with-css-custom-properties-7ab69b71d8ad