DEV Community

JanselLopez
JanselLopez

Posted on

Using Material's colors in javascript

#material #javascript #npm

Install 

npm i material-colors-utils
Enter fullscreen mode Exit fullscreen mode

Usage

Get palette 

import { blue } from "material-colors-utils";
console.log({blue})
//{
//    blue:{
//      50: "#E3F2FD",
//      100: "#BBDEFB",
//      200: "#90CAF9",
//      300: "#64B5F6",
//      400: "#42A5F5",
//      500: "#2196F3",
//      600: "#1E88E5",
//      700: "#1976D2",
//      800: "#1565C0",
//      900: "#0D47A1",
//      A100: "#82B1FF",
//      A200: "#448AFF",
//      A400: "#2979FF",
//      A700: "#2962FF"
//    }
//}
Enter fullscreen mode Exit fullscreen mode

Get color

Example 

import { blue } from "material-colors-utils";
console.log(blue[500])//#2196F3
Enter fullscreen mode Exit fullscreen mode

Doc

material-colors-utils

Top comments (0)

Read next

rohiitbagal profile image

Promices and Async Await

Rohit -

ambasseugene profile image

How to resolve requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager in React Native

Ambass Eugene -

zeeshanali0704 profile image

Find All Groups of Farmland

ZeeshanAli-0704 -

akshat0610 profile image

Day 3 of 30 of JavaScript

Akshat Sharma -