@komposit/colors

Official colors of Decathlon

About

TODO :

Parse each color svg thumbnail, get the color name and the color value into a json file.

This npm package exposes the canonical colors of Decathlon in various front-end formats : JSON, CSS, LESS, SCSS.

Usage

Install the package

npm install @komposit/colors

Use it according to your needs (you may have to configure your tools to consume things from your node_modules directory).

// in JS :
import * as colors from '@komposit/colors/colors.json'
// in Less :
@import "@komposit/colors/colors.less"
// in SCSS 
@import "@komposit/colors/colors"

Recommendation

When possible, we encourage you to consume the ui-kit instead of directly consuming the colors assets. It contains some operations that are recommanded when using colors variable for example.

If you are obliged to consume the colors, we advise you to remap colors onto descriptive/semantic names according to your context usage :

// Example using less syntax
// @descriptive_name: @kit-[color]
@primary: @kit-blue-1;

Color names