Srcery Palette

Srcery colors exposed as an npm package, intended as a single source of truth for the Srcery colors, regardless of implementation.

Installation

Using git:

git clone https://github.com/srcery-colors/srcery-palette.git

Using npm:

npm i @srcery-colors/srcery-palette

Usage

You can clone or download and use the palette.json however you like:

jq < palette.json '.primary.red.hex'

Or you can use the npm package, which exports palette.json as a JavaScript object:

const palette = require("@srcery-colors/srcery-palette");
console.log(palette.primary.red.hex);

import palette from "@srcery-colors/srcery-palette";
console.log(palette.primary.red.hex);

The package also exports CSS variables that can be imported

@import "@srcery-colors/srcery-palette";
background: var(--srcery-palette-primary-black);

See palette.json for a full list of variable names, but it follows the same structure as demonstrated.