Theming Material Light

Question

I've been trying to port my website https://lavanoid.github.io to a more "Google Standard" but it's been really frustrating (thanks to Google, not well documenting stuff, as far as I can see :/).

I've been trying to theme this template: https://github.com/google/material-design-lite/tree/master/templates/text-only but it isn't going so well. I can't even find how to change the color, which is the most important part.

So, how do I change the purple color to the hex value of #2196f3 ?

Any help would be appreciated. Thanks!

score 1 · Accepted Answer · answered Dec 28 '15 at 20:51

1

Looks like you would need to change:

.mdl-color--primary {
    background-color: #5e35b1 !important;
}

To this:

.mdl-color--primary {
    background-color: #2196f3 !important;
}

answered Dec 28 '15 at 20:51

hopkins-matt

2,763
2
15
23

Thanks you :D May I ask where this goes? I scanned the styles.css and index.html but can't find '.mdl-color--primary' :/ – Jack Dec 28 '15 at 20:58
1

OOps. It's in the material CS. Thanks! – Jack Dec 28 '15 at 21:00

Theming Material Light

1 Answers1