@leafygreen-ui/palette
LeafyGreen UI Palettes
Last updated 2 months ago by brookescarlett .
Apache-2.0 · Original npm · Tarball · package.json
$ cnpm install @leafygreen-ui/palette 
SYNC missed versions from official npm registry.

Palette

npm (scoped)

View on Storybook

Installation

Yarn

yarn add @leafygreen-ui/palette

NPM

npm install @leafygreen-ui/palette

This package contains the colors for the following palettes

  • UI: MongoDB-branded, general-use UI palette.
  • Chart (coming soon): Color palette for accessible charting colors.
  • Syntax (coming soon): Color palette for accessible syntax-highlighting themes.

UI Palette

Usage

npm install @leafygreen-ui/palette
import { uiColors } from '@leafygreen-ui/palette';

/**
 * uiColors = {
 * 	 black,
 *   white,
 *   gray: {
 *     dark3,
 *     dark2,
 *     dark1,
 *     base,
 *     light1,
 *     light2,
 *     light3,
 *   },
 *   green: {
 *     dark3,
 *     dark2,
 *     base,
 *     light2,
 *     light3,
 *   },
 *   blue: {
 *     dark3,
 *     dark2,
 *     base,
 *     light2,
 *     light3,
 *   },
 *   yellow: {
 *     dark3,
 *     dark2,
 *     base,
 *     light2,
 *     light3,
 *   },
 *   red: {
 *     dark3,
 *     dark2,
 *     base,
 *     light2,
 *     light3,
 *   },
 * }
 */

const example = () => (
  <span style={{ color: uiColors.gray.dark1 }}>Hello World</span>
);
@import '<path to node_modules>/@leafygreen-ui/palette/dist/ui-colors.less';

Current Tags

  • 3.1.0                                ...           latest (2 months ago)

15 Versions

  • 3.1.0                                ...           2 months ago
  • 3.0.1                                ...           3 months ago
  • 3.0.0                                ...           3 months ago
  • 2.0.2                                ...           5 months ago
  • 2.0.1                                ...           9 months ago
  • 2.0.0                                ...           a year ago
  • 1.1.1                                ...           a year ago
  • 1.1.0                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago

Copyright 2014 - 2017 © taobao.org |