Colors

SASS Import

To import MUI colors into your project first install the MUI package with Bower:

$ bower install mui

Then import the MUI SASS `colors` file into your project:

@import "bower_components/mui/src/sass/mui/colors";

body {
  background-color: mui-color('purple', '700');
}

The `colors` file defines mui-color() function which accepts two arguments and returns the hex value of the color:

• name - Color name (e.g. "red", "blue-grey")
• shade - Color shade (e.g. "600", "A100") [Default: "500"]

Color Palette