How to use Custom colors with Material Design Lite?

Question

I am new to Material Design Lite. I want to use a custom color scheme, particularly the primary color and accent color.

I have seen their theme builder tool, but it only offers a few colors.

How can I do that? How can I use custom (primary and accent) colors (which are not included in their theme builder tool) in my site, which uses Material Design Lite?

Answer 1

by now there is a way to do this, check out this question (including the fixes in the answer).

In short: (the following lines were taken and fixed from that question, but I didn't test them myself)

scss:

@import 'colors';
@import '../../../node_modules/material-design-lite/src/material-design-lite'; `

_colors.scss:

$color-primary: "255, 0, 0";
$color-accent: "0, 0, 255";

Github reference