Build a custom Material Design Lite Palette

Question

How can i build a customized MDL with the colors that not are in this tool: https://getmdl.io/customize/index.html

I whant those colors:

Primary-color: red 400 (#EF5350)

Secondary-color: amber 500 (#FFC107)

That form part of color's app that I'm making:

score 2 · Accepted Answer · edited Nov 19 '21 at 01:15

2

I've read this following wiki: https://github.com/google/material-design-lite/wiki/Customizing-Colors

And I can change the variables with the custom color, then I build with "gulp", and find the CSS file in the "dist" directory.

edited Nov 19 '21 at 01:15

MasterMastic

20,711
12
68
90

answered Sep 08 '16 at 12:36

Alex cueto

172
3
16

score 1 · Answer 2 · answered Sep 08 '16 at 00:03

1

Visit the link you are getting by selecting 2 colors (remember which is main color) just select two. Than copy all the css code in a css file you created search and replace main- and second color with your color. Link your file in your projekt

answered Sep 08 '16 at 00:03

Rudi Urbanek

1,935
1
12
15

Build a custom Material Design Lite Palette

2 Answers2