Exporter la palette de couleurs vers le fichier de variables SCSS/LESS/CSS
Chaque palette de ColorsWall peut être téléchargée sous forme de fichier ou de variables prêtes à l'emploi, pour retrouver les mêmes couleurs dans votre outil de conception et dans votre code.
- Trouvez votre palette ou créez-en une nouvelle
- Ouvrir le lien avec la palette (Par exemple: Bootstrap 4 Couleurs )
Toutes les pages de palette conviennent, que la palette soit la vôtre ou celle de quelqu'un d'autre.
- Appuyez sur le bouton «Exporter»
L'onglet « Fichiers » télécharge la palette en ASE (Adobe Swatch Exchange, pour Photoshop et Illustrator), SVG ou JSON. Les onglets CSS, SCSS et LESS affichent les couleurs sous forme de variables, et l'onglet « Couleurs » fournit une simple liste de codes HEX dans un fichier .txt.
- Choisissez le type de fichier SCSS, LESS ou CSS et appuyez sur le bouton «Télécharger»
Les variables reprennent les noms des couleurs de la palette, par exemple --color-sky-blue, ou sont numérotées --color-1, --color-2 quand une couleur n'a pas de nom. Le fichier CSS les regroupe dans :root, il fonctionne donc tel quel.
- Enregistrez le fichier et profitez.
Vous préférez regarder ? La vidéo ci-dessous montre pas à pas comment exporter une palette.