JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2005301
  • Score
    100M100P100Q184502F
  • License ISC

Colors of Google's Material Design made available to coders

Package Exports

  • material-colors
  • material-colors/dist/colors.json

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (material-colors) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Bower version NPM version NPM downloads CircleCI

Material Colors

Colors from Google's Material Design made available to coders.

The colors are scraped from the guide. The idea to publish colors in multiple forms is stolen from mrmrs/colors.

Available Forms

  • CSS: Classes for prototyping such as .color-red-100, .bg-red-100, .border-red-100, .fill-red-100 and .stroke-red-100.
  • CSS variables such as --md-red-100.
  • Sass, Scss: Color variables such as $md-red-100.
  • Less: Color variables such as @md-red-100.
  • Stylus: Color variables such as md-red-100.
  • JSON: Raw data of colors. Key names are hypenated. e.g. deep-purple
  • JavaScript: Color set object provided via AMD, CommonJS or global variable materialColor. Key names are camelCase. e.g. deepPurple
  • EcmaScript module: Color variables are exported as camelCase names.

See dist directory or demo for more details.

Usage

Download

Download what you like from dist directory and use it.

Bower

bower install material-colors

and use what you like in bower_components/material-colors/dist.

NPM

npm install material-colors