How to change color icon in Materialize?

css materialize
HeartOfprogrammer picture HeartOfprogrammer · Mar 12, 2016 · Viewed 55.4k times · Source

I use css framework Materialize.css I don't understand where past color in my HTML icon

<i class="large material-icons">note_add</i>

I have tried cyan darken-4

<i class="large material-icons cyan darken-4">note_add</i>

But nothing succeeded, I need exactly change color icon. How to make it?

Answer

Christopher picture Christopher · May 31, 2016

Add the class of "cyan-text" & "text-darken-4" to the .

<i class="large material-icons cyan-text text-darken-4">note_add</i>

Related questions

Materialize CSS - Select Doesn't Seem to Render

I am currently working with materialize CSS and it seems I've gotten snagged with the select fields. I'm using the example provided from their site but unfortunately it it's rendering in the view whatsoever. I was wondering if someone else …

Read More
How to dynamically modify <select> in materialize css framework

I just started using the materialize css framework. Now, materialize converts any select tag into a collection of ul and li elements. Before, using JQuery, I was able to do this: var $selectDropdown = $("#dropdownid"); $selectDropdown.empty(); $selectDropdown.html(' '); …

Read More
Change color of underline input and label in Materialize.css framework

I'm using the Materialize.css framework and I noticed that the color of the text input fields is green and so is the label. Is there a way to change the color to something different? <input type="text" id="…

Read More