La palette de couleurs est servie avec ShadCn Theme Editor

Bonjour à tous et bon MonDEV ! ☕

Cette semaine aussi, nous sommes prêts, clavier en main, à boire une mer de café et à produire une quantité égale de code ?

Et comme toujours pour vous accompagner dans la démarche, voici votre café du lundi matin avec l'outil de la semaine !

C'est encore au tour de Front End, et comme on s'est bien amusé la dernière fois avec ShadCn (si vous avez raté la newsletter dont je parle, vous pouvez la retrouver ici), continuons avec un autre outil à associer à cette belle bibliothèque de composants !

Plus précisément aujourd'hui, je veux vous parler de ShadCn Theme Editor, un bel outil aussi simple que puissant (juste le genre que j'aime bien).

En installant ce package en mode développement, vous pouvez inclure un composant dans votre projet pour afficher toutes les variables qui configurent le thème shadcn. À ce stade, vous pouvez les personnaliser un par un ou utiliser le randomiseur pour essayer différentes possibilités de couleurs.

Une fois que vous êtes satisfait du résultat, il vous suffit de copier tous ces styles avec le bouton en haut et de les coller dans la ::racine de votre css en tant que variables, et voilà, vous aurez édité votre thème pour les composants ShadCn.

Plus facile que cela, c'est vraiment difficile ! ?

Articles de la semaine

• 7 magnifiques composants de boutons de niveau supérieur avec Vue, VueUse et TailwindCSS : En parlant de composants, cet article de vue school propose 7 façons très intéressantes de créer vos boutons dans vue. Cela peut aussi être une bonne occasion de revoir certaines notions liées à l'interaction avec les éléments de la page, si ce n'est pas la partie que vous traitez dans votre routine quotidienne !
• État du frontend : Semaine du frontend ? Parlons frontend alors ! Si vous êtes curieux de connaître les tendances et les données et que vous souhaitez avoir quelques idées à ce sujet en mettant l'accent sur le frontend, alors ce rapport est fait pour vous !

Très bien ! Cette semaine aussi je dirais que nous sommes pleins d'idées et de nouveautés à essayer ! Alors je vous laisse finir votre café et comme toujours...

Bon codage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!