Usage no npm install needed!

<script type="module">
  import getcircuitColours from 'https://cdn.skypack.dev/@getcircuit/colours';
</script>

README

`@getcircuit/colours`

Install

yarn add @getcircuit/colours

Routes

Exports two values: colours and order.

Usage

import { colours, order } from '@getcircuit/colours/routes'

const firstColour = colours[order[0]]

// {
//   active: '#476FF1',
//   inactive: '#CFD9FC',
//   text: '#2450E1',
// }
console.log(firstColour)

colours

An object of colours with objects with their colour types and HEX.

export const colours = {
  azure: {
    active: '#40B2F9',
    inactive: '#BFE2F8',
    text: '#1994E1',
  },
  blue: {
    active: '#3F90FA',
    inactive: '#D0E3FB',
    text: '#0D73F8',
  },
  // ...

order

An array with the order of routes colours to be used.

export const order = [
  'marine',
  'turqoise',
  'purple',
  // ...