@algemetric/chroma-tokens v1.12.0
Chroma Design Tokens
This project is responsible for centralizing the design tokens of the Chroma design system. Also managing white label tokens.
How to use
Web:
Just import the files from the build/web/{white-label}/
folder:
├── build/
│ ├── web/
│ │ ├── {white-label}/
│ │ │ ├── assets/
│ │ │ ├── font-face.{css|sass}
│ │ │ ├── tokens.{css|sass}
│ │ │ ├── tokens.dark.{css|sass}
Example of an automation shell command
Create a .env
file:
DESIGN_TOKENS_SRC=./node_modules/@algemetric/chroma-tokens/build/web/
DESIGN_TOKENS_BRAND=algemetric
Run the script:
#!/bin/sh
DESIGN_TOKENS_BRAND=$(grep DESIGN_TOKENS_BRAND .env | cut -d '=' -f2)
DESIGN_TOKENS_SRC=$(grep DESIGN_TOKENS_SRC .env | cut -d '=' -f2)
DESIGN_TOKENS=${DESIGN_TOKENS_SRC}${DESIGN_TOKENS_BRAND}
echo 🧩 Building $DESIGN_TOKENS_BRAND tokens
rm -rf ./build
cp -R ${DESIGN_TOKENS} ./build
echo ✅ Build completed!
1 month ago
2 months ago
2 months ago
2 months ago
3 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
8 months ago
9 months ago
10 months ago
10 months ago
9 months ago
10 months ago
9 months ago
9 months ago
8 months ago
9 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago