@automattic/color-studio
v3.0.3Color Studio
The color palette for Automattic products, exported in multiple formats.
Using Color Studio as a Dependency
npm install @automattic/color-studio
This package is dependency-free.
SCSS
@import "~@automattic/color-studio/dist/color-variables";
button {
background: $studio-pink-50;
color: $studio-white;
}
JavaScript
const PALETTE = require( '@automattic/color-studio' );
console.log( PALETTE.colors[ 'Pink 50' ] );
The above imports the contents of the JSON file.
Development
# Spin up Color Studio
yarn install
yarn test
yarn start
# Generate the JSON file, the stylesheets, and the Sketch Palettes file
yarn palette
# Build the documentation and the examples from `docs/source`
yarn docs
# Build and link the Sketch extension
yarn sketch
# Generate the preview image (by taking a screenshot of the documentation)
yarn meta
All the build commands run automatically before every commit.
License
Color Studio is licensed under GNU General Public License v2.0 (or later).
npm i @automattic/color-studio
Metadata
- SEE LICENSE IN LICENSE.md
- Whatever
- Unknown
- released 10/1/2024
Downloads
Maintainers
pottedmeat, ianramosa8c, dilirity, miguel.san.segundo, arthur791004, mrmurphy, alshakero, pyronaur, porada, imranh920, gmjuhasz, rcarvalho, briowill, bgrgicak, dhenridev, daledupreez-a8c, jeherve, yuliyan, micbosia8c, jeremy.yip, wpvip-bot, etobiesen, kzoschke, brunobasto, kat3samsin, fmfernandes, newspack, robertsreberski_a8c, msurdi-a8c, chihsuan, manzoorwanijk, rjchow, andrea-sdl, scjr, spsiddarthan, t2dw4t, ehg_, wwa, sirreal, elazzabi, royho, luismulinari, macbre, mjangda, matticbot, a8c, blowery, noahtallen, hanifn, sgomes, tyxla, saroshaga, parkcityj, nejclovrencic, sirbrillig, chriszarate, robersongomes, johngodley,