Le theme.json permet également d’ajouter des valeurs personnalisées à notre design system. Même si elles ne seront pas prises en compte par l’éditeur, ces valeurs vous seront utiles en CSS, que ce soit dans vos personnalisations du thème, dans les variations ou bien encore dans vos blocs sur-mesure.
Cours Premium
Ce cours est hyper intéressant !
Mais il est réservé aux détenteurs d’une offre premium.
Envie de nous rejoindre ?
Déjà membre ? Connexion
Pauline Millot
Le 27 mai 2025
hello, pour avoir les valeurs plus claires et plus sombres de ma palette, moi j’utilise https://maketintsandshades.com/
Il suffit de rentrer les hex codes de toutes mes couleurs (juste avec un espace entre chaque), et ça me génère une ligne de sombre et une ligne de foncées pour chacune de mes couleurs, tout ça sur une seule et même vue (pas besoin de cliquer sur chaque couleur pour afficher ses teintes)
Alexandre FOULC
Le 25 septembre 2025
Maxime, pourquoi appliquer le Radius du bouton dans Styles>Elements et non dans >Blocks ?
J’ai essayé de retirer la possibilité d’ajouter une ombre au bouton mais je ne sais pas comment faire. As-tu la réponse ?
Maxime BJ
Le 25 septembre 2025
Si tu reviens au cours sur l’atomic design tu verras que les boutons sont avant tout des éléments primitifs comme les titres, textes, légendes… Et donc plus globaux. C’est pour ça qu’il vaut mieux viser de préférence au plus global à ce sujet.
Pour retirer l’ombre du bouton uniquement, essaie dans le theme.json settings > blocks > « core/button » > shadow : false. Ce n’est pas dit que ça marche. On peut surcharger des configurations au niveau des blocs mais toutes ne sont pas prises en compte à ce jour.