彩色工作室

自动调色板,导出于 多种格式。 。 。 .

使用彩色工作室作为依赖

npm install @automattic/color-studio

此套件没有依赖性 .

常设委员会

@import "~@automattic/color-studio/dist/color-variables";

button {
  background: $studio-pink-50;
  color: $studio-white;
}

Java 脚本

const PALETTE = require( '@automattic/color-studio' );

console.log( PALETTE.colors[ 'Pink 50' ] );

上述进口了《公约》的内容 JSON 文件。 。 。 .

发展

# 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

所有构建命令在每次执行前自动运行.

许可证

彩色工作室根据 GNU 通用公共许可证 v2.0 (或稍后)。 。 。 .